Question

我很好奇这是什么原因。我打算将其覆盖，只是想确保我不会消除某人的彻底工作。

.MuiTableCell-root {
    display: table-cell;
    padding: 14px 40px 14px 16px;
    font-size: 0.875rem;
    text-align: left;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.43;
    border-bottom: 1px solid rgba(224, 224, 224, 1);
    letter-spacing: 0.01071em;
    vertical-align: inherit;

有趣的是

.MuiTableCell-root:last-child {
    padding-right: 16px;
}

Answer 1

以下是当前规范：https://material.io/design/components/data-tables.html#specs

尽管在示例中确实在列之间显示了相当大的空间，但我在规范中没有看到任何明确提到40px填充的内容。

我认为目的仅仅是在相邻单元格中的数据之间保留一个美观的空间，并提高可读性。如果您在表格上使用size="small"，则填充量将大大减少（右填充为24px）。

在Material-UI TableCell-root中向右填充40px的原因是什么

1 个答案: