如何在Antd表中更改fontSize

问题描述

我试图更改fontSize，但没有生效：

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

我的桌子也不适合放在桌子上。仅显示3列，其余的消失。该如何解决？

解决方法

这里是original answer，您可以使用 ass 或 less 。

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

第二，您可以使用Table的scroll属性并删除溢出：隐藏

,

• 您的样式表.scss：

  .ant-table表{ font-size：10px; }