Как добавить вторую строку в jqgrid

Question

Как добавить вторую строку в jqgrid

0

В настоящее время у меня есть следующая структура jqgrid:

colName:['ID','Name'],
colModel:[ {<ID CODE HERE>},{<NAME CODE HERE>}],
<REST OF CODE HERE>

Вышеупомянутый jqgrid отображается в порядке:

ID    Name
1     Name1
2     Name2

Я хочу отобразить одну строку над ней с динамическими данными. Такие как:

Period
From 10/10/2013 To 10/10/2014
ID    Name
1     Name1
2     Name2

Строка "Период" является статическим словом, а строка ниже "10/10/2013 To 10/10/2014" - это динамические данные, поступающие из бэкэнд, как и Name1, и Name2 и т.д.

Как я могу отобразить эти две строки над ним?

Frank Martin 21 янв. 2014, в 07:14

Источник

1

например, вы можете использовать Group Column Headers , посмотреть их документы о том, как их использовать.
balexandre 21 янв. 2014, в 05:42

Теги:

jquery

jqgrid

1 ответ

Ещё вопросы

например, вы можете использовать Group Column Headers , посмотреть их документы о том, как их использовать.

Oleg · Accepted Answer · 2014-01-21T06-47-00.000Z

Существует два стандартных элемента сетки, которые могут быть созданы над заголовками столбцов: заголовок (заголовок сетки) и верхняя панель инструментов (см. Здесь для изображений с примерами). Оба заголовка могут содержать любые распространенные данные HTML, включая <br/>.

Исходный заголовок может быть создан с помощью параметра непустого caption. Вы можете изменить его в любой момент с помощью метода setCaption.

Чтобы создать верхнюю панель инструментов, вы должны включить toolbar: [true, "top"]. Он создает дополнительный div над заголовком сетки. У div есть класс "ui-userdata" и id, построенный на основе идентификатора сетки: "t_" + grid_id. Если вам нужно разместить многострочную информацию в div, вы должны перезагрузить CSS по умолчанию. См. Ответ, этот и этот для более подробной информации и примеров кода.