如何更改 Antd 表中的 fontSize答案

【问题标题】：How to change the fontSize in an Antd table如何更改 Antd 表中的 fontSize
【发布时间】：2020-12-01 23:16:42
【问题描述】：

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

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

我的桌子也不适合这个街区。仅显示 3 列，其余列消失。如何解决？

【问题讨论】：

标签： javascript reactjs size antd font-size

【解决方案1】：

你的样式表.scss：

.ant-table 表 { 字体大小：10px； }

【讨论】：

谢谢你，它工作。请，你能帮我如何设置列的宽度。我尝试：.ant-table col { width: 50px;} 但它不起作用。我的桌子目前在卡片的块边界之外
你可以在这里看到答案：github.com/ant-design/ant-design/issues/14291

【解决方案2】：

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

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

其次可以使用Table的scroll属性，去掉overflow: hidden

【讨论】：