在无表 CSS 布局中实现 jqGrid答案

【问题标题】：Implement jqGrid in a table-less CSS layout在无表 CSS 布局中实现 jqGrid
【发布时间】：2011-01-27 13:08:31
【问题描述】：

我只是想知道是否有人在无表（即基于 div 的布局）中实现了 jqGrid。这基本上需要更改生成表格的 JS，以及处理溢出和文本扭曲的 CSS。

【问题讨论】：

【解决方案1】：

“无表设计”的意义不仅仅是抛弃<table> 标签。 <table> 标签仍然完全有效。

关键是你现在应该只在实际上是表格的地方（即表格数据数组）使用它，而不是像每个人过去那样进行页面布局。

jqGrid 是一个绘制表格数据块的 JQuery 插件。这是仍应使用<table> 标签的完美示例。此处使用表格符合现代网页设计模式的所有标准，因为<table> 标签具有语义意义，因为它用于显示表格。

因此，您应该为此继续使用表格。

像这样放弃对表格的合法用途，这让无表格设计的概念走得太远了。你不需要——也不应该——那么教条。

【讨论】：

【解决方案2】：

jqGrid 对表格使用table-layout:fixed 样式。与display:table-cell、display: table-row 等一起使用纯 div 解决方案将在更少的浏览器中工作，就像<table> 一样。在我看来，一个人也不会获得真正的性能或其他优势。

您可能应该更多地解释为什么您认为在 div 中重写现有解决方案具有优势。如果您需要文本变形，例如您可以在 jqGrid 中使用它（请参阅 this 和 this 旧答案）

【讨论】：