是否可以跨多个 DIV 拆分 ag-Grid？
Is splitting of an ag-Grid across multiple DIVs possible?
正在开发一个 Web 应用程序项目，该项目使用 ag-Grid 作为 Vue2.js 组件中的表格数据，具有 2 或 3 个字段和一个子部分，可通过树形格式在每条记录下方降序访问。
由于网格太窄，我想让它跨越多个 DIV。该应用程序旨在可以在台式机、平板电脑或手机上查看，因此表格数据的响应式设计很重要（例如，手机上的单列、台式机上的多列 (DIV)）。
有没有人有这方面的经验？谷歌搜索一直让我回到关于聚合聚合的 ag-Grid 文档，但这并没有真正解决我正在寻找的问题。
辅助图片：
我想要完成的视觉想法...蓝色列仅代表网格的开始，它的内容换行到其他列。
似乎修改 ag-Grid 的 table 输出结构（使用 DIVs 方便地构建）使用 CSS3 的多列布局支持通过 display: inline-block 和column-count 是我正在寻找的解决方案的方向。
通过将它们应用于模仿外部 <table> rule/structure 的 DIV 的样式，它看起来 'auto split' 内部的数据行数变成了列数我决定。接下来是尝试使用基于屏幕宽度的媒体查询来修改它。
Fiddle 使用 column-count 的示例：https://jsfiddle.net/digitalmouse/9casq77v/
因此，除非其他人可以提供更好的东西，否则这看起来是可行的方法。
正在开发一个 Web 应用程序项目，该项目使用 ag-Grid 作为 Vue2.js 组件中的表格数据，具有 2 或 3 个字段和一个子部分，可通过树形格式在每条记录下方降序访问。
由于网格太窄，我想让它跨越多个 DIV。该应用程序旨在可以在台式机、平板电脑或手机上查看，因此表格数据的响应式设计很重要（例如，手机上的单列、台式机上的多列 (DIV)）。
有没有人有这方面的经验？谷歌搜索一直让我回到关于聚合聚合的 ag-Grid 文档，但这并没有真正解决我正在寻找的问题。
辅助图片：
似乎修改 ag-Grid 的 table 输出结构（使用 DIVs 方便地构建）使用 CSS3 的多列布局支持通过 display: inline-block 和column-count 是我正在寻找的解决方案的方向。
通过将它们应用于模仿外部 <table> rule/structure 的 DIV 的样式，它看起来 'auto split' 内部的数据行数变成了列数我决定。接下来是尝试使用基于屏幕宽度的媒体查询来修改它。
Fiddle 使用 column-count 的示例：https://jsfiddle.net/digitalmouse/9casq77v/
因此，除非其他人可以提供更好的东西，否则这看起来是可行的方法。