ant design vue 设置表格选择框,全选按钮选不全

简介: ant design vue 设置表格选择框,全选按钮选不全

左侧勾选框 你需要配置 :row-selection="rowSelection"

 <a-table
      :pagination="false"
      size="small"
      :row-selection="rowSelection"
      :columns="columns"
      :data-source="data"
      :scroll="{ x: 1100 }"
      rowKey="id"   //全选是根据这个id判断的,一定要有
    />//id不要动态绑定,要不然不能全选1.

函数内有两个回调

1. const rowSelection = {
      onChange: (selectedRowKeys: Key[], selectedRows) => { 
        //第一个参数控制选不选中,第二个参数是选中列表的数据的集合
        console.log(
          selectedRows
        );
      },
      getCheckboxProps: (record) => ({   
        disabled: record.releaseState === "ONLINE", //控制禁用那个按钮
        releaseState: record.releaseState,
      }),
    };
相关文章
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
7 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
1天前
|
JavaScript
vue知识点
vue知识点
6 2
|
1天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
7 1
|
1天前
|
JavaScript
vue学习(14)深度监视
vue学习(14)深度监视
10 0
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
8天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
27 9
|
8天前
|
JavaScript 开发者
vue学习(5)
vue学习(5)
23 7