是否可以跨多个 DIV 拆分 ag-Grid？

Question

在一个使用 ag-Grid 的 Vue2.js 组件中的表格数据的网络应用项目上工作，具有 2 或 3 个字段和一个可通过每条记录下方的树格式降序访问的小节。

由于网格很窄，我想让它跨越多个 DIV。该应用旨在可在台式机、平板电脑或手机上查看，因此表格数据的响应式设计很重要（例如，手机上的单列，台式机上的多列 (DIV)）。

有人有这方面的经验吗？谷歌搜索不断让我回到关于聚合分组的 ag-Grid 文档，但这并没有真正解决我正在寻找的内容。

支持图片： 我想要完成的视觉概念...蓝色列只代表网格的开始，它的内容环绕到其他列。

Answer 1

看来，通过display: inline-block 和column-count 使用CSS3 的多列布局支持修改ag-Grid 的表输出结构（使用DIV 方便地构建）是我正在寻找的解决方案的方向。

通过将它们应用于模拟外部 <table> 规则/结构的 DIV 样式，它似乎将其中的数据行“自动拆分”为我决定的列数。接下来是尝试使用基于屏幕宽度的媒体查询来修改它。

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

因此，除非其他人可以提供更好的东西，否则这似乎是可行的方法。