Реализуйте jqGrid в CSS-макете без таблиц

Мне просто было интересно, реализовал ли кто-нибудь jqGrid в безтабличном макете, то есть на основе div. Это в основном потребует изменения JS, который генерирует таблицу, и CSS для обработки переполнений и деформации текста.


layout jquery css jqgrid
person Prasad    schedule 27.01.2011    source источник
comment
Интересно, хотя мне любопытно, почему это желательно?   -  person David Tang    schedule 27.01.2011
comment
Хотя я действительно стараюсь уйти от таблиц на страницах, именно здесь я считаю целесообразным использование тега таблицы.   -  person Mark Schultheiss    schedule 27.01.2011

Ответы (2)


arrow_upward
3
arrow_downward

Смысл «безтабличного дизайна» не в том, чтобы просто отказаться от тега <table>. Тег <table> по-прежнему полностью действителен.

Дело в том, что вы должны использовать его сейчас только в тех местах, которые на самом деле являются таблицами (то есть массивом табличных данных), а не для создания макета страницы, как это делали все раньше.

jqGrid - это подключаемый модуль JQuery, который рисует блок табличных данных. Это прекрасный пример того, где все еще следует использовать тег <table>. Использование таблицы здесь соответствует всем критериям современных шаблонов веб-дизайна, потому что тег <table> имеет семантическое значение, потому что он используется для отображения таблицы.

Поэтому вам следует продолжать использовать для этой цели таблицы.

Отказ от законного использования подобных таблиц слишком далеко заходит в концепции дизайна без таблиц. Вам не нужно быть - и не должно быть - такими догматиками.

person Spudley    schedule 27.01.2011

arrow_upward
1
arrow_downward

jqGrid использует стиль table-layout:fixed для таблиц. Использование чистого решения div с display:table-cell, display: table-row и так далее будет работать в меньшем количестве браузеров, чем с <table>. Мне кажется, реальной производительности или других преимуществ тоже не получится.

Вероятно, вам следует подробнее объяснить, почему вы видите преимущество в переписывании существующего решения в div. Например, если вам нужно искажение текста, вы можете использовать его в jqGrid (см. это и это старые ответы)

person Oleg    schedule 27.01.2011