<el-table-column type="selection" ... /> 这里的 tableDataList 内含布尔类型的属性 dataOperate 要求:其值为 true 时,可被选择,可显示多选框 el-table 多选框某些条件下不可被选择 给多选列添加属性 selectable: <el-table :data="tableDataList" ... > <el-table-column type="selection" :selectable...
但是有的时候,我们可能根据业务的诉求,对预列表中的数据部分不可选择,这个时候需要在Table-column 上添加 type="selectable“ 这个属性 具体用法如下: <el-table-column:selectable="selectable"type="selection"align="center"label="序号"width="140"/> selectable(row, index) {if(index === 0) {returntrue;...
</el-table-column> </el-table> </div> </template> <script> export default { data(){ return { // 示例表格数据 tableData: [ { date: '2022-05-02', name: '李栓', address: '秦皇岛市' }, ] } }, methods: { selectable: function(row, index){ return false; }, } } </script>...
el-table 内添加 一个el-table-column标签 类型设置为selection显示勾选框 type="selection" 添加属性:selectable 并添加自定义函数selectable来进行根据条件禁用行的勾选 <el-table-column type="selection" :selectable="selectable">el-table-column> selectable(row,index) { ...
一、什么是el-table-column的selectable属性 在Element UI的el-table组件中,el-table-column用于定义表格的列,通过selectable属性可以设置是否可选择。当selectable属性为true时,表格中的行可以被选择,反之则不可选择。 二、使用el-table-column的selectable属性需满足的前提条件 要使用el-table-column的selectable属性,需...
//具体用法如下:<el-table-column:selectable="selectable"type="selection"align="center"label="序号"width="140"/> selectable(row,index){if(index===0){returntrue;}else{returnfalse;}},//当不满足index === 0 的时候(当然条件可以自己随便定啦) 输出false 这时候就无法选择多选框了...
<el-table-column type="selection" :selectable='selectEnable' width="55"> </el-table-column> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> </el-table> 禁用多选框函数: //把 status 为 1 的项禁用selectEnable(row,rowIndex){console.log(row);if(row.status...
三、el-tabke的selectable selectable用于手动对table的checkBox进行手动勾选 {type: 'selection', selectable: row =>{return !row.yiShengCBZ}},
el-table表格使用 添加多选列: el-table的添加属性:@select-all="handleSelectAll" ; @selection-change="handleSelectionChange" 特殊行禁选:<el-table-column :selectable="checkboxSelect" type="selection" width="55" /> false表示禁用,true表示可选。