<el-table stripe v-loading="loading" :data="tableData.list" class="table-box-tab table_type_five" style="padding-left:15px;padding-right:15px;" :style="{'padding-right': this.paddingRight == false? '14px':'15px'}" @selection-change="handleSelectionChange" ref="multipleTable" @sele...
1. 监听row-click事件,实现选中 <el-table ref="multipleTable":data="tableData"style="width: 100%"@selection-change="handleSelectionChange"@row-click="rowClick":row-style="rowStyle":row-class-name="rowClassName">...</el-table> rowClick(row,column,event){letrefsElTable=this.$refs.multiple...
实现多选非常简单: 手动添加一个el-table-column,设type属性为selection即可; <template> <el-tableref="multipleTable":data="tableData"tooltip-effect="dark"style="width: 100%"@selection-change="handleSelectionChange"> <el-table-column type="selection"width="55"> </el-table-column> <el-table-col...
用element-ui table里这个参数: (1)reserve-selection-->仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定row-key) (2)配合row-key-->行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能的情况下,该属性是必填的。类型为 String 时,支持多...
选中数据的回显 这个回显,elementUi官网中是有提到的。 切换选中状态使用的函数就是toggleRowSelection,这个函数需要先指定是哪个table,此时就可以使用上面指定的ref了,然后这个函数还有一个需要注意的一点,就是每次只能设置一条数据,因此需要forEach循环,而且这个函数是可以传入两个参数的,第一个参数是每条的数据,第二...
加载页面table中默认选中几项: 看代码: <el-tableref="multipleTable":data="tableData"tooltip-effect="dark"style="width: 100%; height: 330px; overflow:scoll"max-height="330px":row-key="getRowKeys"@selection-change="handleSelectionChange"><el-table-columntype="selection"width="55":selectable=...
</el-table> 1. 2. 3. 4. 5. 6. 7. 8. //点击行触发,选中或不选中复选框 handleRowClick (row, column, event) { this.$refs.multipleTable.toggleRowSelection(row); }, 1. 2. 3. 4. 主要是 ref="multipleTable" 和 @row-click="handleRowClick" ...
下面是官网给的例子: 一、需求 点击或者鼠标移入某一行之后,想要出现自定义的颜色 二、解决方法 直接在style里面添加下面的样式即可 /* 选中某行时的背景色*/.el-table__body tr.current-row > td {background-color: #92cbf1 !important;}/*鼠标移入某行时的背景色*/.el-table--enable-row-hover .el...
tableData(val) { //this.curRow之前选中的行 let curIndex = val.findIndex(item => item.id=== this.curRow.id) //如果之前选中的行被删除,默认选中第一行 if (curIndex === -1) { this.$nextTick(() => { this.$refs.multipleTable.setCurrentRow(val[0]) ...