Как изменить цветовую тему и размер шрифта jqgrid

Question

Я создал приложение в MVC 4, jquery и jqgrid.

Я использовал jqgrid на одной из страниц, как показано ниже:

          $('#g).jqGrid({
            ajaxGridOptions: {
                error: function () {
                    $('#g')[0].grid.hDiv.loading = false;
                    alert('An error has occurred.');
                }
            },
            url: '@Url.Action("Getvalues", "cntrollName")/' + 0,
            postData: { ID: rowID },
            datatype: 'json',
            jsonReader: { root: 'List', page: 'Page', total: 'TotalPages', records: 'TotalCount', repeatitems: false, id: 'ID' },
            mtype: 'GET',
            colNames: ['GrdID', Name],
            colModel: [
                { name: ID, index: ID, hidden: true },
                { name: 'FullName', index: 'FullName', width: 150 }
                                ],
            pager: $('#g),
            sortname: ID,
            rowNum: 10,
            width: '525',
            height: '100%',
            viewrecords: true,
            beforeSelectRow: function (rowid, e) {
                                   return true;
            },
            sortorder: 'desc'
        }).navGrid('#g, { edit: false, add: false, del: false, search: false, refresh: false });

Пожалуйста, поделитесь, как я могу изменить цвет и размер шрифта jqgrid.

На данный момент он показывает только голубую тему по умолчанию и размер шрифта по умолчанию.

Спасибо

Answer 1

jqGrid основан на теме пользовательского интерфейса jQuery. Чтобы изменить цвета, вы можете скачать тему (см. Здесь и выбрать тему в раскрывающемся списке внизу страницы) или настроить свою тему здесь. Таким образом, вы можете легко изменить все цвета.

Чтобы изменить размер шрифта, вам придется переписать некоторые стили CSS, определенные в ui.jqgrid.css, Просто искать font-size а также height со значениями пикселей. Если вам нужно увеличить размер шрифта, вам нужно увеличить height значения частей сетки.