需求
实现的目标是,点击这一行,然后出现一个modal,这个modal可以拖拽,并且可以知道是点击哪一行出现的事件。
那么需要做的就是,点击这一行,然后其背景颜色变化。
实现
Antd Table有 rowClassName 属性,可以在 css设置其样式,那么我们只要
- 点击行,然后记录点击的 rowkey
- rowClassName设为一个函数,读取(record, index) ,判断其index 是否等于rowkey,如果等于就return一个类名。
代码
{
/* Table组件,其中在 onClick中,setState 记录 rowkeywei */}
<Table
id="table-to-xls"
size="small"
loading=