是否可以在多個DIV之間拆分Ag-Grid？

Question

在一個Web應用程序項目上工作，該項目使用ag-Grid來處理Vue2.js組件內的表格數據，具有2或3個字段，並且可以通過樹狀結構訪問每個記錄下方的子節。

由於網格是如此狹窄，所以我希望它跨多個DIV。 該應用程序可以在台式機，平板電腦或手機上查看，因此表格式數據的響應式設計非常重要（例如，移動設備上為單列，台式機上為多列（DIV））。

有人對此有經驗嗎？ Googling一直讓我回到關於聚合集合分組的ag-Grid文檔，但這並不能真正滿足我的需求。

配套圖片： 我要完成的視覺效果...藍色列僅表示網格的開始，其內容包含在其他列中。

Answer 1

似乎通過display: inline-block使用CSS3的多列布局支持來修改ag-Grid的表輸出結構（使用DIV方便地構建） display: inline-block和column-count是我正在尋找的解決方案的方向。

通過將它們應用於模擬外部<table>規則/結構的DIV樣式，似乎可以將其中的數據行“自動拆分”為我決定的列數。 接下來是嘗試使用基於屏幕寬度的媒體查詢來修改它。

使用column-count小提琴示例： https : //jsfiddle.net/digitalmouse/9casq77v/

因此，除非其他人可以提供更好的東西，否則這似乎是必經之路。