小编Anu*_*hur的帖子

如何根据值更改ANTD表中的单元格颜色?

我有表格,我想根据值更改该单元格的颜色。如果单元格的值超过 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)

reactjs antd

9
推荐指数
1
解决办法
1万
查看次数

标签 统计

antd ×1

reactjs ×1