jqGrid применяет colspan к заголовку столбца - PullRequest
Новая
       14

jqGrid применяет colspan к заголовку столбца

2 голосов
/ 01 апреля 2010

Поддерживает ли jqGrid colspan для заголовка столбца? Я считаю этот элемент управления сеткой полезным, потому что он имеет много функций и, что важно, много документации.

А как насчет таблицы стилей? как изменить внешний вид сетки?

Большое спасибо

Ответы [ 5 ]

1 голос
/ 05 августа 2013

Группировка заголовков поддерживается начиная с версии 4.2.0. Смотрите здесь

1 голос
/ 14 июня 2011

Относительно colspan,

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

jQgrid: заголовки строк из нескольких столбцов

Рабочий пример: @ Олег

1 голос
/ 01 апреля 2010

Вы можете изменить внешний вид, загрузив темы из http://jqueryui.com/themeroller/ - сайт даже позволяет настраивать их. Затем просто перетащите тему на свои страницы.

Что вы подразумеваете под кольспаном? Если вы имеете в виду наличие заголовка, охватывающего несколько столбцов, то нет, я не думаю, что он поддерживает это.

0 голосов
/ 26 марта 2014

Вы можете использовать 

    jQuery("#grid").jqGrid('setGroupHeaders', {
  useColSpanStyle: false, 
  groupHeaders:[
    {startColumnName: 'col2', numberOfColumns: 3, titleText: 'Col Group 1 (3 Columns) '},
    {startColumnName: 'col4', numberOfColumns: 2, titleText: ' Col Group 2 (2 Columns) '}
  ]
});

для установки параметров столбца.

Чтобы удалить заголовки столбца, которые вы можете использовать, 

jQuery("#grid").jqGrid('destroyGroupHeader'); Or
jQuery("#grid").jqGrid('destroyGroupHeader', false);
0 голосов
/ 07 марта 2011

Я тоже искал это, и я не нашел никакого ответа.

Мне удалось получить 2 строки заголовков, например: 

----------------------------------------------------------
|  Col Group 1 (3 Columns)     | Col Group 2 (2 Columns) |
----------------------------------------------------------
|  Col 1  |  Col 2  |   Col 3  |    Col 4    |   Col 5   |
----------------------------------------------------------

Использование события gridComplete для добавления строки .before строки, определенной в 

gridComplete: function (){
    if (!$('#super_header').length) {
        $('#jqgridContainer tr.ui-jqgrid-labels').before('<tr id="super_header" class="bigHeader ui-jqgrid-labels"><th class="ui-state-default ui-th-column ui-th-ltr" colspan="3">Col Group 1</th><th class="ui-state-default ui-th-column ui-th-ltr" colspan="2">Col Group 2</th></tr>');
    }
},

Надеюсь, это поможет.

Отредактировано: После более подробного тестирования я понял, что он не очень хорошо работает и может испортить ширину второго ряда заголовков (Col 1 до Col 5)

...