/deep/.el-table__row--striped td { background-color: #e6eef5 !important; } /deep/是css的深度作用选择器 在这里就可以设置斑马纹效果了。 加!important是因为有些时候因为错综复杂的样式,在此处的效果不一定奏效。 二、点击高亮 <el-table :data="tableData" border stripe height="100%" class="tab...
一、清除el-table 排序高亮状态 需求背景:排序后,切换日期或其他条件重新渲染表格数据,这时候需要去除排序箭头高亮样式。 <el-table ref="table"highlight-current-row style="width: 100%;"><el-table-column sortable ref="applyTimeRef"prop="applyTime"label="申请时间"></el-table-column></el-table>cre...
$('.mo-table__row').removeClass('mo-table__row--active'); }, setTableRowHighlight() { // 重新添加高亮行的高亮样式 for(letitemofthis.highlight_rows) { // 通过预先定义的行号来选中要高亮的行 letselector=`.mo-table__row:nth-child(${item.row_index+1})`; $(selector).addClass('...
在el-table标签中添加highlight-current-row <el-table highlight-current-row > 在style 里面设置全局样式: /*用来设置当前页面element全局table 选中某行时的背景色*/.el-table__body tr.current-row>td{ background-color: #69A8EA !important; color: #fff; }...
[element-ui] el-table点击高亮当前行 1、highlight-current-row tr.current-row > td, .el-table__body tr:hover > td { background: #f5f5f5; } 1. 2. 3. 4. 2、:row-class-name=“tableRowClassName”,需要借助@row-click="handleRowClick"获取当前点击行的下标...
需求:设置初始化时第一行高亮 第一种方法需要设置一个类名定义好样式,默认为true即显示,当点击任一行时将该类设置为false即不显示;第二种方法只需在data中定义tableRowIndex的初始值为0,即默认展示第一条,当点击任一行时,由handleRowClick()方法记录下当前行的下标。
简介:详解element-ui el-table表格中勾选checkbox(selection),高亮当前行高亮某一行(某一行设置特殊的样式) <template><el-tableclass="table"ref="table":data="tableData":row-class-name="row_class_name"@selection-change="selection_change"@row-click="row_click"><el-table-column type="selection" ...
<el-table-column prop="address" label="地址"> </el-table-column> </el-table> ``` 这是JS代码 注册这个方法tableRowClassName(),这里传的rowIndex就是需要高亮的数据在数组里面的下标,返回的class类名就是你自己定义的class类名。 ```javascript ...
<el-tableref="serviceOrderRef"v-loading="loading":data="tableData":max-height="tableHeight"@selection-change="checkChange":row-style="rowClass"borderalign="center"style="width: 100%;"></el-table>selectRow=[]checkList=[]checkChange(list){this.checkList=list}rowClass({row,rowIndex}){if(th...
element-uitable点击某⾏⾼亮（修改背景⾊）（）在el-table标签中添加highlight-current-row <el-table highlight-current-row > 在style ⾥⾯设置全局样式：/* ⽤来设置当前页⾯element全局table 选中某⾏时的背景⾊*/ .el-table__body tr.current-row>td{ background-color: #69A8EA !