在Element UI中,el-table 组件确实支持默认选中行的功能。你可以通过以下几种方式来实现 el-table 默认选中第一行的效果: 1. 使用 setCurrentRow 方法 setCurrentRow 方法可以用来设置当前选中的行,你可以在 mounted 生命周期钩子中调用此方法来实现默认选中第一行的效果。 代码示例: vue <template> <...
需求:进入页面时默认选中表格第一行 ref="singleTableRef" :data="tableData" highlight-current-row @row-click="handleCurrentChange" > 三个注意点: ref="singleTableRef" ——> 用于调用 table 组件的方法 setCurrentRow(setCurrentRow 用于单选表格,设定某一行为选中行)highlight-current-row ——> 用于...
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]) this.curRow = val[0] }) } ...
表格若有数据,则默认高亮第一行。 之前高亮的行,若在查询结果列表中,则保持高亮不变;反之,则高亮第一行。 解决办法 需求1很容易实现: created() {// 默认高亮第一行if(this.libTable.length) {this.selectRow(this.libTable[0]) } },methods: {// 高亮行selectRow(row) {this.$nextTick(() =>{thi...
searchData:function() {//获取数据前赋默认值this.currentRow = {status:'0'}; drugs.apiGetAllData(queryParam) .then(response=>{//一些逻辑代码this.listData =response.data.list;//赋值当前行变量,并让表格默认选中第一条数据if(this.listData.length > 0) {this.$refs.myTable.setCurrentRow(this....
// }) }, // 设置默认第一行选中 setDefaultRow(row) { this.$refs.normalTable.setCurrentRow(row, 0) }, //保存当前行并切换下一行 saveAndNext(e) { //因为失去焦点会自动保存,所以这里就直接切换下一行就可以了(最后一行除外) console.log('%c 回车'...
用el-table是表头插槽渲染到表格,表格第一列的人员姓名可以直接渲染,重点是counts班次是渲染,没有点击前默认未0,点击单元格后填充班次数据,看一下这里的数据处理: 2. 表格单元格点击选中渲染班次事件: 使用el-table的cellClicClick方法它会有返回数据,根据返回数据锁定点击的是某个单元格 动态填充单元格改变颜色渲染...
4.写一个默认值渲染的方法,在分页切换的时候调用这个方法,这里有一个坑是不用nextTick()会无效,因为设置选中的时候,DOM还没构建好,就会无法选中 tableDefaultSelect(){letrows=[];//先定义一个选中行的数组if(JSON.stringify(this.tableSelectList)!=='[]'){//先判定是否有值letarr=this.tableSelectList[th...
如何给el-table中的行添加class 在el-table里有这么一个属性row-class-name,是一个回调函数,可以给el-table__row加class。 举个栗子: template 1 <el-table:data="dataTable" border style="width: 100%" :row-class-name="tableRowClass"> script...
遇到了新需求,el-table中的多选行限制显示成单选行,并且单击当前行的其他地方也要默认勾选当前行数据,使用radio又嫌弃太丑了,需要方框,那就只能在之前的多选框上面改造了 思路:勾选超过1条勾选第二条的时候做处理,将新勾选的设置选中,之前勾选的一条取消选中 el-tab