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

Question

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

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

我正在使用 ant design 4.17 和 react v17

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

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

Answer 1

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

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