如何在Material-ui React表中更改表单元格宽度

乌西比拉

我已经在他们的页面上发布的演示中制作了一个表来进行响应,这很好用,但是我想知道如何更改不同列的宽度/填充。

我试过像这样手动设置每个单元格的宽度:

<TableCell style={{ width: "10%" }}> Number </TableCell>

以及使用const样式然后引用它,但均无效。有人有什么想法吗?当单元格如此荒谬地填充时,我真的很讨厌不得不使用滚动功能。提前致谢!

编辑上面的代码实际上有效,但是更改很小,难以置信-将宽度更改为1px仍在单元格之间留有很大的空间。可能是填充问题?我尝试以几种方式将padding设置为0,但没有任何反应。

乌西比拉

我在一个问题中说过,宽度和填充不能有效地减小列之间的间距,但是如果将它们一起使用并尝试使用不同的数字,它们可以使间距变小(对于我来说,宽度为1px,和20px的填充效果非常理想)。因此,问题中提供的代码有效,padding: 20px只需添加”即可使其生效。

设置最大宽度也很有用,因为它可以为所有单元格设置固定宽度

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React:如何根据React表中的单元格值更改表单元格背景

如何在Material-ui中删除表格中单元格之间的线

如何在Material UI中删除筹码

如何在Material-UI的React中更改链接的颜色?

Material UI:如何在 React Material Ui Stepper 中更改标签的字体大小?

如何在材料ui表单元格中隐藏溢出内容而不是包装

如何更改表格Material UI / React的宽度?

material-ui:如何在表格单元格中放置文本顶部?

如何在 Material UI 中定位表单对话框?

如何在Kendo MVC UI网格中动态更改单元格的背景?

如何在kendo ui网格中检查和更改单元格值的颜色

如何在元素 UI 表中显示嵌套单元格?

如何在material-ui中更改菜单的颜色

如何在 Material UI 中更改框颜色

如何在Material UI中更改拨动开关的大小

如何在Material UI Table Pagination中更改纸张样式

如何在Material-UI表中显示动态数据?

如何在JupyterLab中更改单元格的样式/宽度?

如何在react.js中的mdb数据表中重置单元格的宽度

如何在React Material UI中实现全局主题?

如何在 React 中渲染 Material UI 图标?

如何在 React Material UI 字段中设置值

如何在React中覆盖material-ui-next CSS?

如何在 React Material UI 的 AppBar 组件中设置容器?

如何在导航上更改按钮(material-ui)的颜色?

如何在单击时更改Material UI导入的图标

是否有在 Material UI 表中拆分单元格的选项

如何在React中使用Material UI图标?

如何在本地 React 项目中引用 Material UI 组件