Arco-design:table中得 checkbox根据条件来判断是否可以点击？

背景：table列表不满足条件得不可以点击选中
实现方式：在数据源中添加一个disabled属性
代码如下：

页面代码：
<a-table row-key="name" :columns="columns1" :data="data" :row-selection="rowSelection" :pagination="false" />js代码：
const rowSelection = reactive({type: 'checkbox',showCheckedAll: true,onlyCurrent: false,});const columns1 = [{title: 'Name',dataIndex: 'name',},{title: 'Salary',dataIndex: 'salary',},{title: 'Address',dataIndex: 'address',},{title: 'Email',dataIndex: 'email',},]const data = reactive([{key: '1',name: '李逍遥',salary: 23000,address: '新手村',email: '李逍遥@example.com'}, {key: '2',name: '景天',salary: 25000,address: '永安当',email: '景天@example.com'}, {key: '3',name: '石昊',salary: 20000,address: '小山村',email: '十号@example.com',disabled: true},{key: '4',name: '火灵儿',salary: 2000,address: '火国',email: '灵儿@example.com',disabled: true},])

实现效果如下：

Arco-design:table中得 checkbox根据条件来判断是否可以点击？相关推荐

React开发（182）:ant design table中带线框的列表
ReactDOM.render(<Tablecolumns={columns}dataSource={data}borderedtitle={() => 'Header'}footer={ ...
【前端】Ant Design Pro和Arco Design Pro非技术对比
最近公司要从Ant Design Pro和Arco Design Pro中选择一个作为中后台前端,非技术简单对比一下 stars数量图片地址中后台前端效果 Ant Design Pro Arco ...
react ，ant Design UI中table组件合并单元格并展开详情的问题
需求:购物车订单列表,如图: 一:单元格合并遇到这种你会怎么办呢? 单元格合并? 还是其他的方法? 下面是我的处理方式,就是在table 组件的columns上处理,这里拿商品举例,其余的类似, ...
ajax拿table里的th值,Jquery Ajax 异步设置Table中某列的值
可根据table中某列中的ID去改变某列的值! 只是参考,实际应用中不能这样做的,如果有很多行,频繁访问服务器,服务器是顶不住的! JS: $(document).ready(function () ...
Table中Family和Qualifier的关系与区别(转载)
Table中Family和Qualifier的关系与区别就像用MySQL一样,我们要做的是表设计,MySQL中的表,行,列的在HBase已经有所区别了,在HBase中主要是Table和Family和 ...
oracle大于条件,oracle中sql语句中的in的条件数量大于1000有问题
oracle中sql语句中的in的条件数量大于1000有问题 oracle中sql语句中select * from t_Test t where t.Id in(1,2,3......)/*数量不能 ...
php checkbox 保存,PHP中在数据库中保存Checkbox数据
PHP中在数据库中保存Checkbox数据 /* if we passed in an array of the checkboxes we want to be displayed as check ...
element-ui table多选CheckBox参数解析
element-UI里的table表格与多选框CheckBox的组合很常用,官网也给了很多参数,自己总结了一下,方便日后使用 1.简易用法,没有附加的功能要在表格里使用CheckBox很简单,只需设 ...
警惕分页中的checkbox
前言, 当初看到这个画面时, 只是想到了以前做过类似的项目,checkbox可以用数组来实现. (实际做的时候也没有用数组来实现.) 完全没有考虑到分页时会怎样. 工作方式总结: 以后遇到这种问题时, ...

Arco-design:table中得 checkbox根据条件来判断是否可以点击？

Arco-design:table中得 checkbox根据条件来判断是否可以点击？相关推荐

最新文章

热门文章