是否可以在多个DIV之间拆分Ag-Grid？
数字鼠标
在一个Web应用程序项目上工作，该项目使用ag-Grid来处理Vue2.js组件内的表格数据，具有2或3个字段，并且可通过树状结构访问每个记录下方的子节。
由于网格是如此狭窄，所以我希望它可以跨越多个DIV。该应用程序可以在台式机，平板电脑或手机上查看，因此表格式数据的响应式设计非常重要（例如，移动设备上为单列，台式机上为多列（DIV））。
有人对此有经验吗？谷歌搜索使我回到关于分组聚合的ag-Grid文档，但这并不能真正满足我的需求。
支持图像：我要完成的视觉效果...蓝色列仅表示网格的开始，其内容包含在其他列中。
数字鼠标
似乎使用CSS3的Multi-column Layout支持来修改ag-Grid的表输出结构（使用DIV方便地构建）display: inline-block，这column-count是我正在寻找解决方案的方向。
通过将它们应用于模拟外部<table>规则/结构的DIV样式，似乎可以将其中的数据行“自动拆分”为我确定的列数。接下来是尝试使用基于屏幕宽度的媒体查询来修改它。
小提琴使用示例column-count：https : //jsfiddle.net/digitalmouse/9casq77v/
因此，除非其他人可以提供更好的东西，否则这似乎是必经之路。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
计算数据帧R中的字符串频率
- 2
Android Studio Kotlin：提取为常量
- 3
Excel 2016图表将增长与4个参数进行比较
- 4
获取并汇总所有关联的数据
- 5
如何使用Redux-Toolkit重置Redux Store
- 6
http：// localhost：3000 /＃！/为什么我在localhost链接中得到“＃！/”。
- 7
将加号/减号添加到jQuery菜单
- 8
算术中的c ++常量类型转换
- 9
TYPO3：将 Formhandler 添加到新闻扩展
- 10
TreeMap中的自定义排序
- 11
如何开始为Ubuntu开发
- 12
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 13
无法使用 envoy 访问 .ssh/config
- 14
在Ubuntu和Windows中，触摸板有时会滞后。硬件问题？
- 15
遍历元素数组以每X秒在浏览器上显示
- 16
在Jenkins服务器中使用Selenium和Ruby进行的黄瓜测试失败，但在本地计算机中通过
- 17
警告消息：在matrix（unlist（drop.item），ncol = 10，byrow = TRUE）中：数据长度[16]不是列数的倍数[10]>？
- 18
未捕获的SyntaxError：带有Ajax帖子的意外令牌u
- 19
如何使用tweepy流式传输来自指定用户的推文（仅在该用户发布推文时流式传输）
- 20
尝试在Dell XPS13 9360上安装Windows 7时出错
- 21
如果从DB接收到的值为空，则JMeter JDBC调用将返回该值作为参数名称
我来说两句