element table根据条件隐藏复选框

在<el-table>标签加 :cell-class-name="cellClass"

在 <el-table-column type="selection">标签加:selectable="selectable" ，如果不加，会出现单元格复选框全部选中，但是表头复选框还是半选状态

<div id="app"><el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" :cell-class-name="cellClass"><el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>><el-table-column label="日期" width="120"><template slot-scope="scope">{{ scope.row.date }}</template></el-table-column><el-table-column prop="name" label="姓名" width="120"></el-table-column><el-table-column prop="address" label="地址" show-overflow-tooltip></el-table-column></el-table></div>

var app = new Vue({el: '#app',data: {tableData: [{checkStatus: 1,date: '2016-05-03',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {checkStatus: 1,date: '2016-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {date: '2016-05-06',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {date: '2016-05-07',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}],multipleSelection: []},method: {cellClass({ row, columnIndex }) {if (row.checkStatus == 1) {// 根据某个属性，添加样式，隐藏复选框return "myCell";}},selectable(row, index) {if (row.checkStatus != 1) {return true} else {return false}}}})

<style>.myCell .el-checkbox__input {display: none !important;}
</style>

element table根据条件隐藏复选框相关推荐

php让符合条件的复选框选中,多条件查询（复选框条件）
查询会遍历表,显现是出表和以前讲的一样,就不多说了,说下怎么写复选框条件一.遍历复选框中的内容,列表名:其他的都是一样的遍历方法区域:全选 $sqla = " select distin ...
bootstrap table固定列导致复选框失效的解决方法
//获取选中多行数据 function getSelectedRow_st() {//解決固定列导致选择复选框选不中的问题//首先判断表格是否为固定列表格,使用bootstrapTable('getO ...
html中怎么隐藏复选框,隐藏复选框字段HTML
替代他们,我改变了你的标记,使用形式. JavaScript是没有必要的(除非你需要支持IE8以上的浏览器) 每一个复选框包括它的标签,它是透明的:所以当你点击你实际点击复选框的颜色.所选颜色的不同样 ...
js 根据条件禁止复选框_element-ui多选框根据不同条件禁用？
1.需求如图: 不选中频次的时候,全部选项都是禁用的,而且饭'前中后'永远都只能选中一个,选择一日一次的时候,选中任何一个按钮其余所有按钮全部禁用,选中一日两次的时候,如选了早餐中,那么早餐前后都不能 ...
html表单复选框隐藏,ElementUI 表格部分复选框禁用或隐藏
背景我们在使用 element ui 的 Table 组件构建带复选框的表格时,我们希望根据条件禁用或者隐藏某行选择框.如下图所示: 解析通过查看 ElementUI 官方文档 selectabl ...
layui table勾选框的修改_Layui默认选中table的CheckBox复选框方法_飛雲_前端开发者...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , ...
给element的select添加复选框
需求:要求给select多选的时候,给下拉框前加上复选框样式 element select原样式需要更改后的样式 html <el-selectv-model="searchObj. ...
单选框-复选框重置的方法
问题描述希望对于填报表中的编辑风格为单选钮或复选框的单元格能够进行重置.如男.女单选框,在报表初始化展现时是两个单选钮都不点选,当选择一项后,无法将其重新改成都不点选的状态,需要能对单选钮的单元格进 ...
java 单选按钮怎么重置_单选框-复选框重置的方法
问题: 单选框.复选框无法重置.如男.女单选框,在初始化时是两个单选框都不点选,当选择一项后,无法将其重新改成都不点选的状态,是要选择单元格重置还是,所有选项一起重置解决方案: 就那个单选按钮所在的 ...

element table根据条件隐藏复选框

element table根据条件隐藏复选框相关推荐

最新文章

热门文章