2013-07-21 2 views
1

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

Я думаю, что мне нужно настроить navbar как-то, но я не уверен, как это сделать.

Это то, что я ищу.

(рисунок ниже) table with custom header

ответ

0

Посмотрите на the demo. Он отображает результаты, которые очень близки к тому, что вам нужно.

enter image description here

локальный пейджинг «First», «Предыдущая», «Следующий» и «Последние» кнопка работает как в исходной сетке.

Я думаю, что вы сможете самостоятельно изменить демоверсию в соответствии с вашими точными требованиями.

код, который я использовал в демо:

$("#list").jqGrid({ 
    ... 
    toppager: true, 
    pginput: false, 
    recordpos: "center", 
    pagerpos: "left", 
    recordtext: "Errors {0} - {1} of {2}" 
}); 

var $table = $('<table class="ui-pg-table" style="table-layout: auto;" border="0" cellspacing="0" cellpadding="0"><tbody><tr></tr></tbody></table>'), 
    $row = $table.find(">tbody>tr"); 
$table.appendTo("#list_toppager_right"); 
$("#next_t_list_toppager").appendTo($row); 
$("#last_t_list_toppager").appendTo($row); 
$("#list_toppager_left").width(70); 
$("#list_toppager_right").width(70); 

Идентификаторы, используемые в коде включает в себя «список» подстроку, которая является id сетки. Нужно менять имена, используется другое имя.

Смежные вопросы