79200447

Date: 2024-11-18 15:12:50
Score: 0.5
Natty:
Report link

You can modify table styles by customize component token. Just wrapping the table component with <ConfigProvider> from antd and change the token value. See the design component token list from table component. I created a StackBlitz with the code bellow to see this working on an example.

<ConfigProvider
  theme={{
    components: {
      Table: {
        borderColor: '#f00',
      },
    },
  }}
>
  <Table
    columns={columns}
    expandable={{
      expandedRowRender: (record) => (
        <p style={{ margin: 0 }}>
          {record.description}
        </p>
      ),
      rowExpandable: (record) => record.name !== 'Not Expandable',
    }}
    dataSource={data}
  />
</ConfigProvider>
Reasons:
  • Probably link only (1):
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Low reputation (0.5):
Posted by: marcelofreires