Многострочные заголовки в jqGrid

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

Для отображения больших таблиц, на работе решили опробовать jqGrid, которым остались довольны, даже не изучив 10% его функциональности.

Не обошлось и без ложки дегтя - заголовки таблицы отображались в одну строку, или частично исчезали при добавлении в них тега перевода строки. Решение нашлось на просторах интернета.

Задание многострочных заголовков в jqGrid

  1.  
  2. $(".ui-jqgrid-sortable").css('white-space', 'normal').css('height', 'auto');
  3.  

Аналогично для ячеек с данными

  1.  
  2. $("[role=gridcell]").css('white-space', 'normal').css('height', 'auto');
  3.  

Коль скоро завалялась пара полезных ссылок по jqGrid, то поделюсь и ими: jqGrid Часть I: Знакомство jqGrid Часть II: Базовые возможности

Читайте в блоге

Funky Cache. Работа над ошибками
Раскрашиваем код на сайте. GeShi - PHP Code Colorer
TinyURL. Шаг 5. Последние штрихи и запуск
Повторное экранирование кавычек в PHP

Метки: jQuery js jqGrid

Комментарии:

Андр @ 01.06.2011 16:04

Странно. Зачем это делать javascript'ом, если можно сделать обычным css?
Владимир Рыбаков @ 01.06.2011 17:10

Наверное потому, что есть IE6 и иногда приходится с ним работать.
Андр @ 01.06.2011 17:12

Ну вот для этого да: $("[role=gridcell]").

А для этого не надо же (".ui-jqgrid-sortable")
Владимир Рыбаков @ 01.06.2011 17:17

Согласен.

Так иногда бывает. Особенно когда смотришь на код годичной давности. В данном случае просто протупил немного.

Войдите на сайт, чтобы оставить комментарий