antd table id=1整行变红色
时间: 2023-08-08 22:04:19 浏览: 85
表格行变色
您可以使用antd table的rowClassName属性来设置行的类名,然后通过CSS样式来改变行的背景颜色。具体实现方法如下:
1. 在table组件上添加rowClassName属性,将其设置为一个回调函数,该函数的参数为当前行的数据对象,返回值为字符串类型的类名。
```jsx
<Table dataSource={dataSource} rowClassName={(record, index) => record.id === 1 ? 'red-row' : ''}>
{/* 表头和列定义 */}
</Table>
```
2. 在CSS样式文件中定义.red-row类名,并设置其背景颜色为红色。
```css
.red-row {
background-color: red;
}
```
这样,当行数据的id等于1时,该行的背景颜色就会变为红色。
阅读全文