如何在 Antd 表格中更改字体大小

Question

我试图改变fontSize的大小，但是没有生效：

<Table
  style={{overflow: 'hidden', width: '100%', fontSize: '10px'}}
  dataSource={data.dataSource}
  columns={columns}
  size='small'
  bordered
  pagination={false}
/>

同时我的表格无法适应块，只显示了3列，其余的消失了。如何解决这个问题？

- Утка Обычная

Answer 1

• 你的样式表.scss:

  .ant-table表格 { 字体大小：10像素; }

- Trien Tran

---

谢谢，它有效。请问，你能帮我如何设置列的宽度吗？我尝试了：.ant-table col { width: 50px;}但是它没有生效。我的表格目前超出了卡片的边界。 - Утка Обычная

您可以在此处查看答案： https://github.com/ant-design/ant-design/issues/14291 - Trien Tran

Answer 2

这是您可以使用的原始答案sass或less。

    .booking_information_table {
        :global {
            .ant-table-thead > tr > th,
            .ant-table-tbody > tr > td {
                fontSize: '10px';
            }
    }

其次，您可以使用表格的scroll属性，并删除overflow: hidden。

- Adam Ch.