如何更改 Antd 表中的 fontSize

Question

我嘗試更改fontSize ，但沒有生效：

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

我的桌子也不適合這個街區。 僅顯示 3 列，rest 消失。 如何解決？

Answer 1

• 你的樣式表.scss：

  .ant-table table { 字體大小：10px; }

Answer 2

這是您可以使用sass或更少的原始答案。

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

其次，您可以使用 Table 的滾動屬性並刪除溢出：隱藏