свободный jqGrid, всплывающий интерфейс выбора столбца не отображается правильно - PullRequest
Новая
       29

свободный jqGrid, всплывающий интерфейс выбора столбца не отображается правильно

0 голосов
/ 17 мая 2018

Я использую бесплатную jqgrid и реализованную функцию выбора столбцов для отображения скрытых столбцов, функциональность работает, как и ожидалось, но всплывающее окно, которое отображается, не имеет надлежащего отображения пользовательского интерфейса.

Я много пробовал искать и просмотрел документацию по бесплатному jqgrid, но я не знаю, что я делаю не так.

Мне удалось воспроизвести ошибку в демоверсии нижеприведенного URL.

Если кто-либо сталкивался с подобной проблемой, пожалуйста, помогите.Примечание. Я использую тему начальной загрузки. 

$("#sampleGrid").navButtonAdd('#sampleGridPager',{
        caption: "",
        title: "Choose Columns",
        buttonicon: "fa fa-table",
        onClickButton: function () {
           $("#sampleGrid").jqGrid('columnChooser');
        }
});

https://jsfiddle.net/1vk5ku2y/2/

1 Ответ

0 голосов
/ 18 мая 2018

Нужно добавить jQuery UI CSS в демонстрационную версию, потому что это требуется для columnChooser.Вы должны добавить тему jQuery UI, которая соответствует теме Bootsrap CSS.Например, 

https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css

После этого можно получить гораздо лучшие результаты https://jsfiddle.net/OlegKi/1vk5ku2y/4/. Вам нужно добавить незначительные CSS-исправления, чтобы получить окончательное решение.

...