jqGrid - проблема с заполнением столбцов в google chrome при использовании RTL

Question

Я использую плагин jqGrid, и я установил direction: "rtl" в настройках. Мне нужно иметь горизонтальную полосу прокрутки, потому что у меня слишком много столбцов. Моя проблема заключается в том, что высота столбца не синхронизирована с высотой заголовка столбцов в google chrome, когда у меня есть горизонтальная полоса прокрутки. Я отправляю две фотографии и надеюсь, что эти фотографии могут объяснить мою проблему. Заранее спасибо.

Сетка снимок экрана, когда нет горизонтальной полосы прокрутки: Все в порядке.

А вот скриншот, когда есть горизонтальная полоса прокрутки:

Обратите внимание, что это только пример, и в моем реальном приложении у меня есть более чем 20 столбцов в сетке.

Answer 1

Я могу подтвердить, что у jqGrid есть некоторые проблемы с выравниванием столбцов в случае использования direction: "rtl". Если вы используете height: "auto" вариант, то я бы рекомендовал вам использовать дополнительное правило CSS

.ui-jqgrid .ui-jqgrid-hbox-rtl { padding-left: 0 } 

и включают в себя дополнительно включать линию

this.grid.hDiv.scrollLeft = this.grid.bDiv.scrollLeft; 

loadComplete внутри и resizeStop.

Проблема в том, что padding-left: 0 может использоваться не во всех ситуациях. Я описал подход, как проблема может быть решена в моих сообщениях до the issue.

Я сейчас разрабатываю новую бесплатную версию jqGrid, которую вы можете скачать с here. Он содержит исправления проблемы, описанной вами. Я рекомендую вам попробовать версию. Он содержит множество исправлений ошибок и функций, таких как новый вариант iconSet: "fontAwesome", который улучшает внешний вид jqGrid. См. Некоторые демо в конце the page. Если бы вы описали мне какие-либо ошибки (в части the issues или в stackoverflow) или конкретные проблемы RTL (или предложения по улучшению RTL-образа), я попытался бы улучшить поддержку RTL в jqGrid.