В последних заголовках столбцов jqgrid и данных в некоторых случаях не выровнены.как выровнять jqgrid 4.10 заголовки столбцов и данные
Вот изображение:
Как это исправить? Это происходит в некоторых случаях. Возможно, возможно указать URL-адрес, который использует javascript из raw github и воспроизводит проблему.
Ответ на вопрос Jqgrid Column Headers and data not aligned описывает возможное исправление, но я не смог применить его в своем случае.
Я проанализировал проблему. Причина такого поведения: вычисление ширины 1px после масштабирования в Chrome.
jqGrid использует как в .ui-jqgrid-htable, так и .ui-jqgrid-btable. Таким образом, ширина каждого столбца указывает ширину <td> или <th> элементов первой строки <tr><table>. Следующим требованием является использование фиксированного значения для ширины таблицы. Старые версии jqGrid устанавливают значение width на обе таблицы .ui-jqgrid-htable и .ui-jqgrid-btable, которые будут вычислены. Это не обязательно. Более того, можно увидеть проблемы, если ширина <table> равна выше (даже на некоторых пикселях) в качестве общей суммы ширины всех элементов. Это причина сообщенной проблемы.
Я изменил код свободного jqGrid так, что я установил width: 1px на обе таблицы .ui-jqgrid-htable и .ui-jqgrid-btable. Этого достаточно, чтобы заставить CSS работать, и он исправляет сообщаемые проблемы. Сегодня я опубликую изменения до GitHub. Можно проверить исправление, отредактировав значение width значения сетки (.ui-jqgrid-btable) в отношении инструментов разработчика Chrome. После установки width: 1px сообщенная проблема исчезает.
ОБНОВЛЕНО: The changes теперь отправлено в GitHub.
Как правило, это проблема с CSS, но я не могу помочь вам без демонстрации, которая воспроизводит проблему. Нужно проанализировать проблему с помощью инструментов разработчика. – Oleg
@Oleg Это происходит, если уровень масштабирования отличается от 100% в Chrome. Это не происходит в Chrome со 100% уровнем масштабирования. Это не происходит в версии jqgrid в версии 4.9.2-post'. Входит в вчерашнюю версию из github. Что именно следует проанализировать? – Andrus
Я могу повторить, что такая проблема не может быть решена, если вы опубликуете некоторое описание. Единственный способ решить проблему - это анализ демонстрации, которая воспроизводит проблему. Я полагаю, что вы внесли некоторые настройки в CSS-настройки внутри jqGrid (другой сайт шрифта и другие дополнения или поля), но настройка больше не работает. Таким образом, размещение изображения недостаточно для решения проблемы. – Oleg