Css 反应物料界面表赢得'；不要伸懒腰去填

我正在使用一个示例（而不是react虚拟化）来试验我自己的虚拟化，我在样式方面遇到了问题

有人能告诉我为什么下面代码沙盒中的材质表无法拉伸以适合其纸张组件吗？我肯定我需要在某个地方设置CSS属性，但我不确定它是什么

任何帮助都将不胜感激

谢谢

---

亚当，我为你树立了一个榜样。我想这是你要找的东西

我用

display:table

添加了一个自定义类

DataTable-tableWrapper-3

，并用

display:inline table

和

宽度：100%

创建每一行

---

这实际上与React无关，更多的是与您如何使用

html

和

css

构造和设置表格样式有关

为什么不直接使用

宽度：100%
css
您的
表
元素上的规则？这将为您提供您想要的结果：


表格{
浮动：左；
宽度：100%；
边界塌陷：塌陷；
边框：1px实心浅灰色；
}
表tr{
高度：37像素；
}
餐桌{
背景颜色：浅灰色；
字体大小：粗体；
}
表tbody tr:n子级（偶数）{
背景色：#ededed；
}
表

身份证件
名字
姓氏
年龄
01
约翰
雌鹿
31
02
玛丽
居里
66
01
拉里
特斯勒
75
01
谢尔顿
库珀
35
啊，太好了！不错。非常感谢：）只是一个问题-我看不出DataTable-tableWrapper-3是如何应用的。你能解释一下吗？是的，当然。我在
style.css
中添加了自定义类！重要的。但是如果不想这样做，可以在DataTable.js中的
tableWrapper
键中将display的值从
flex
更改为
table
。应该是工作。这里是另一个例子。