react antd table设置单元格属性

最新推荐文章于 2024-06-05 19:21:16 发布

a堅強的泡沫

最新推荐文章于 2024-06-05 19:21:16 发布

阅读量603

点赞数

文章标签： react.js

本文链接：https://blog.csdn.net/weixin_43973415/article/details/131244092

版权

官方文档：
在这里插入图片描述

代码：

const columns = [
  {
    title: 'Identity',
    dataIndex: 'Identity',
    key: 'Identity',
    width: '10%',
  },
  {
    title: 'Path',
    dataIndex: 'Path',
    key: 'Path',
    width: '10%',
  },
  {
    title: 'Reason',
    dataIndex: 'Reason',
    key: 'Reason',
  },
  {
    title: 'Replay',
    dataIndex: 'Replay',
    key: 'Replay',
    width: '30%',
  },
  {
    title: 'Online',
    dataIndex: 'Online',
    key: 'Online',
    width: '30%',
  },
];

const transformColumns = columns.map((column) => ({
  ...column,
  onCell: (record: any) => ({ style: { background: record.Highlight ? '#fff2f0' : undefined } }), // 这里
}));