antd的Table组件怎样勾选表格行

用官方提供的方法rowSelection代码如下:

  const rowSelection = {
      onChange: (selectedRowKeys, selectedRows) => {
          console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
      getCheckboxProps: record => ({
          disabled: record.name === 'Disabled User', // Column configuration not to be checked
          name: record.name,
      }),
  };

 <Table 
  columns={columns} 
  rowSelection={rowSelection}
  rowKey={record =>record.id} //这一个一定要选
  dataSource={this.state.tableData} 
  pagination={false}
  />

注意:上面这种方法是我从官网copy下来的但是会有一个潜在的bug,就是选中后再次进来页面不能清除上一次选中的缓存,我的前两篇文章会有介绍,下面具体又复制了另一种方法,代码如下:

state={
selectedRowKeys:[ ],
}
const {selectedRowKeys } = this.state;
            const rowSelection = { 
                selectedRowKeys,
                onChange: (selectedRowKeys) => {
                    this.setState({
                        selectedRowIds : selectedRowKeys.map(Number),
                        selectedRowKeys 
                    })
                },
            };
//这种方法如果清楚缓存的时候只需要清楚掉selectedRowKeys为空即可。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,793评论 1 32
  • 你听我说完最后一句话 我爱你 好想给你打一辈子辅助 召唤师峡谷太大了 你可不可以 离我不要太远 兵线是你的 人头是...
    慕木穆阅读 1,722评论 0 0
  • 最近一部热播剧《猎场》博得无数人的好感,评分一路飙升,也许一部分源于老胡的个人魅力,或于实力派演技的真情流...
    錦骊阅读 4,629评论 0 2
  • 2017即将过去,今年第一次做梦想版,虽然目标并没有全部实现,但在这过去的一年里,我的每一天都过的比较清晰...
    迭代凤儿阅读 8,442评论 8 15
  • 。 回国已经一个多月了,记性一直不是那么好,想到哪儿写到哪儿吧。 项目不出意外地进行了两周之后戛然而止,真正算得上...
    燃灯蓝阅读 2,726评论 0 0