Css 如何在Antd中自定义表格行高？

Antd附带了一个nices表格组件，但我在中找不到任何关于如何配置表格密度的信息，例如表格行的默认高度，以及字体大小

默认情况下，表格具有空格布局：

我有一个用例需要更多更小/更密集的行，比如典型的电子表格程序（如Excel）中的密度

我是Antd的新手，不知道从哪里开始。我需要定制Antd的CSS吗？实现这一目标的正确机制是什么，在单元格或行级别配置高度，或者更确切地说是处理填充？我之所以选择Antd，是因为我希望这样的东西不需要太多CSS知识，我是不是遗漏了什么？

你可以用CSS设计你的标签。如果您想设置样式，那么应该以antd类为目标

您可以根据css设置标记的样式。如果您想设置样式，那么应该以antd类为目标

---

我在这里也有同样的问题，基于@blueseal的回答，我用样式化的组件这样做了我的线条高度

我的JSX

 <MyTable rowKey="id" dataSource={list} columns={columns} /> 

---

我希望能帮助别人

我在这里也遇到了同样的问题，基于@blueseal的回答，我用样式化组件这样做了我的线条高度

我的JSX

 <MyTable rowKey="id" dataSource={list} columns={columns} /> 

---

我希望能帮助别人

我想知道这是否也可以使用样式化组件？有人告诉我，这是这些天的发展方向，现在我很困惑，似乎仍然有必要为类似的事情破坏通常的CSS覆盖。是的！您还必须将antd类作为样式化组件中的目标。const LocalStyledTable=styledTable`……设置您的antd类的样式`谢谢您的提示！让我感到困惑的是，我只能对组件进行样式化，但我想对DOM进行样式化。可能这只是在样式化的styledTable上使用适当的子选择器（如table>tr>td）的问题……我认为您的问题不是针对样式化的组件。对于样式化组件中的antd样式，请发布另一个问题。如果我有时间，我会解决它。我想知道这是否也可以使用样式化组件？有人告诉我，这是这些天的发展方向，现在我很困惑，似乎仍然有必要为类似的事情破坏通常的CSS覆盖。是的！您还必须将antd类作为样式化组件中的目标。const LocalStyledTable=styledTable`……设置您的antd类的样式`谢谢您的提示！让我感到困惑的是，我只能对组件进行样式化，但我想对DOM进行样式化。可能这只是在样式化的styledTable上使用适当的子选择器（如table>tr>td）的问题……我认为您的问题不是针对样式化的组件。对于样式化组件中的antd样式，请发布另一个问题。如果我有时间，我会解决它。

 <MyTable rowKey="id" dataSource={list} columns={columns} /> 

import { Table } from 'antd'

export const MyTable = styled(Table)`
  tbody {
    tr {
      td {
        height: 5px;
        padding: 4px;
      }
    }
  }
`