在無表格的CSS佈局中實現jqGrid

Question

我只是想知道是否有人在無表格（即基於div的佈局）中實現了jqGrid。 這基本上需要改變生成表的JS，以及處理溢出的CSS &文本翹曲。

Answer 1

「無表設計」的要點並不是簡單地將<table>標籤去掉。 <table>標籤仍然非常有效。

問題是，你應該只在實際使用表格的地方（即表格數據數組）使用它，而不是像大家以前那樣做頁面佈局。

jqGrid是一個JQuery插件，它繪製一個表格數據塊。這是<table>標籤仍然應用的完美例子。此處使用表格符合現代網頁設計模式的所有標準，因爲<table>標籤具有語義含義，因爲它用於顯示錶格。

因此，您應該繼續爲此使用表格。

拋出像這樣的表的合法使用是無意義的設計的概念太過分了。你不需要 - 而且你也不應該 - 這是教條式的。

Answer 2

jqGrid使用table-layout:fixed風格的表。與display:table-cell，display: table-row等等一起使用純div解決方案可以在較少的瀏覽器中使用，與<table>一樣。在我看來，一個人也不會得到真正的表現或其他優勢。

你應該更多地解釋一下爲什麼你看到在重寫現有解決方案的優勢。你需要文本翹曲，例如你可以在jqGrid中使用它（請參閱this和this舊的答案）