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判断的,一定要
·
左侧勾选框 你需要配置 :row-selection="rowSelection"
<a-table
:pagination="false"
size="small"
:row-selection="rowSelection"
:columns="columns"
:data-source="data"
:scroll="{ x: 1100 }"
rowKey="id" //全选是根据这个id判断的,一定要有
/>//id不要动态绑定,要不然不能全选
函数内有两个回调
const rowSelection = {
onChange: (selectedRowKeys: Key[], selectedRows) => {
//第一个参数控制选不选中,第二个参数是选中列表的数据的集合
console.log(
selectedRows
);
},
getCheckboxProps: (record) => ({
disabled: record.releaseState === "ONLINE", //控制禁用那个按钮
releaseState: record.releaseState,
}),
};
更多推荐
已为社区贡献25条内容
所有评论(0)