我有表格,我想根据值更改该单元格的颜色。如果单元格的值超过 50,则单元格的文本颜色应为红色。如果单元格值小于 20,则为绿色。因此,单元格的配置应基于条件。我在此处附上代码。我是编码新手,这是第一个项目。如果有人可以帮助我,非常感谢。
import React from 'react';
import { Divider, Table, Tag } from 'antd'
import report from './report.json'
import 'antd/dist/antd.css'
import {
Header,
Header1,
TableSchema,
Header2,
C1,C2,C3,C4,Rank
} from './style.js'
const { Column, ColumnGroup } = Table;
const data = [
{
key:'0',
class: 'All India',
circle: 'All India',
subHeader1: 12,
subHeader2: 66,
subHeader3: 32,
subHeader4:52,
subHeader5: 74,
subHeader6: 32
},
{
key:'0',
class: '1',
circle: 'GUJ',
subHeader1: 42,
subHeader2: 16,
subHeader3: 70,
subHeader4:12,
subHeader5: 54,
subHeader6: 33
}, …Run Code Online (Sandbox Code Playgroud)