1.antd官网表格组件:
https://ant.design/components/table-cn/#components-table-demo-dynamic-settings
2.引用antd的表格组件,即:
import {Table} from ‘antd’;
渲染表格组件:
说明:
(1)rowClassName属性是添加表格行样式属性,此时的this.setClassName方法为点击行之后为其添加行高亮样式。
(2)onRow是给表格行添加点击onClick事件,也可在其内部添加其他事件,如鼠标移入、移出等。
(3)下面为实现代码:(本人对代码均做了注释说明,大家可参考)
//antd表格组件
<Table
pagination={
{ // 分页
current: this.state.Current,
total: this.state.total,
pageSize:this.prop