CSS Grid Powered表,带有可滚动的tbody和列上的自动宽度

时间:2018-01-12 22:04:07

标签: css css3 css-tables css-grid

我在SO上阅读了有关此事的其他帖子,但在您开始对我大吼大叫just use tables for tabular data!之前,请允许我说这是尝试解决特定的<table/>问题:

  • 具有可滚动的tbody:大数据和虚拟滚动必需

  • 让thead列和tbody列根据单元格内容进行自动调整,最佳拟合(并非所有等宽并且无需手动指定每个单元格的宽度):一旦声明{ {1}} tbody

我试图利用display:blockdisplay:contents(已启用实验标记的ff和chrome)。

我想要实现的目标是什么?

我试图在这里发帖:

  • 由于display:subgrid允许孩子表现出容器父母的直接子女(表),我正在失去设置身高的机会

  • 我不确定是否可以嵌套display:contents元素

这里的代码段为:https://codepen.io/anon/pen/ppWwKv

其他参考资料:

0 个答案:

没有答案