测试表格
现在业务上有个需求，需要表格内某项库存数量为0时，该行背景变为红色
根据Antd 的官方文档，查看相关的API antd Table
table API
首先定义好需要的类名
.table-color-dust {
background-color: #F5222D;
}
然后根据条件判断添加类名
<Table
rowClassName={record => {
if (record.goods_storage === 0) return 'table-color-dust';
}}
rowKey={record => record.id}
columns={columns}
dataSource={data}
/>
最后效果
image.png
需求 现在业务上有个需求，需要表格内某项库存数量为0时，该行背景变为红色 实现思路 根据Antd 的官方文档，查看...
背景 使用react+antd开发 下拉加载更多数据 Antd的Table组件本身是不提供滚动事件的；在开发时，...
记：2022.08.17 一、table 1.table自定义选项--禁用选项 2.table行自定义 二、ant...
需求如图点击表格某一行选中,修改选中行的背景颜色 查看antd的官方文档 https://ant.design/c...
antd的table有checkbox的模式，比如你选中了某些行，再把选中的行setstate，数据根据这个过滤了...
Antd Table无法选择&多选问题 根据antd table 可选择案例，发现点击任意元素都会变成全选，或者取...
我的Table代码如下： 从antd网站上可以看出，默认展开所有行可以使用defaultExpandAllRows...
开始使用 基本使用 加入Action动作 自定义背景颜色 自定义提示文字颜色 自定义Action文字颜色 定义显示...
去掉黑线 自定义黑线颜色 设置背景色 自定义背景图片 设置字体偏移 字体 未选中颜色 选中颜色 注意:有点设置无限...
本文标题：Antd之自定义Table行背景颜色
本文链接：https://www.haomeiwen.com/subject/blkbvctx.html
网友评论