从 Ant 设计中删除默认填充 table

Question

https://ant.design/components/table/

• 我想从 ant 设计中删除默认的填充和边距 table。
• 我放了小尺寸的 table 但还不够，我仍然看到有一个额外的 16px 边距和填充我想删除。
• 问题是当我调用 类 并重置边距时，它不起作用，这可能是什么原因？

我正在使用 ant design 4.17 和 react v17

这是我尝试过的方法，但它不起作用。

.ant-table-tbody{
  padding: 0;
}
.ant-table-tbody > tr > td{
  padding: 0;
}

Answer 1

您可以在 node_modules 文件夹中找到这些类名。 node_modules/antd/es。然后，您发现 index.css 文件列出了所有可编辑的类名和属性。 要么 你可以使用

.ant-table-tbody{
  padding: 0 !important;
}
.ant-table-tbody > tr > td{
  padding: 0 !important;
}