Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改Antd表格中的字体大小_Javascript_Reactjs_Size_Antd_Font Size - Fatal编程技术网

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

Javascript 如何更改Antd表格中的字体大小,javascript,reactjs,size,antd,font-size,Javascript,Reactjs,Size,Antd,Font Size,我试图更改fontSize,但没有生效: <Table style={{overflow: 'hidden', width: '100%', fontSize: '10px'}} dataSource={data.dataSource} columns={columns} size='small' bordered pagination={false} /> 我的桌子也放不下这个街区。仅显示3列,其余列消失。如何解决这个问题?以下是您可以使用sass或l

我试图更改
fontSize
,但没有生效:

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

我的桌子也放不下这个街区。仅显示3列,其余列消失。如何解决这个问题?

以下是您可以使用sassless的方法

    .booking_information_table {
        :global {
            .ant-table-thead > tr > th,
            .ant-table-tbody > tr > td {
                fontSize: '10px';
            }
    }
其次,您可以使用Table的属性并删除溢出:hidden
  • your-stylesheet.scss:

    .蚂蚁桌{ 字体大小:10px;}


  • 谢谢,这很有效。请问,你能帮我怎么设置圆柱的宽度吗。我尝试:
    .ant table col{width:50px;}
    但它不起作用。我的表格当前位于卡的块边界之外。您可以在此处看到答案: