react Antd 表格内通过rowClassName 实现 某一行改变背景颜色的方法

Ant Design - 一个 UI 设计语言

react Antd 表格内通过rowClassName 实现 某一行改变背景颜色的方法_第1张图片

import s from './index.less';


//表格代码
                
  
// 方法

        const getRowClassName = (record) => {
            if (record.status === "1") {       // 根据这一行的状态,改变不同的颜色
                return `${s.warning}`;         // 加 s.  是因为上面引入的问题
            } else {
                return '';
            }
        };


// css
.warning {
    background: #f0f2f5;
}

 效果图:react Antd 表格内通过rowClassName 实现 某一行改变背景颜色的方法_第2张图片

你可能感兴趣的:(react.js,前端,前端框架)