在无表格的CSS布局中实现jqGrid

Question

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

Answer 1

“无桌面设计”的重点不仅仅是放弃<table>标签。 <table>标记仍然完全有效。

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

jqGrid是一个JQuery插件，可以绘制一组表格数据。它是仍应使用<table>标记的完美示例。使用此处的表符合现代Web设计模式的所有条件，因为<table>标记具有语义含义，因为它用于显示表。

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

抛弃像这样的表的合法使用是将无表格设计的概念过分。你不需要 - 而且你不应该 - 那是教条式的。

Answer 2

jqGrid对表使用table-layout:fixed样式。使用display:table-cell，display: table-row等纯div解决方案的用法可以在较少的浏览器中使用<table>。在我看来，人们也不会获得真正的表现或其他优势。

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