el-table-column 的type="selection" 用于在表格中添加多选框,允许用户通过勾选来选择多行数据。如果你想要禁用某些行的选择框,或者完全禁用整个选择列,可以通过以下几种方式来实现: 1. 禁用特定行的选择框 你可以通过 selectable 属性来控制每一行是否可选。selectable 是一个方法,它接收当前行的数据 row 和该行...
type="selection" :selectable="selectable" > </el-table-column> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="address" label="地址"> </el-table-column...
<el-table-column type="selection"width="50":reserve-selection="true"></el-table-column> </el-table> //重点是下面JS方法selectAll(selection) {if(selection.length >5) { selection.length=5}this.multipleSelection =selection }, handleSelectionChange(selection) {if(selection.length >5) {this.$m...
这是因为在设置el-table-column的宽度为30后太窄的原因。 <el-table-column type="selection"width="30"align="center"/> 将其宽度调大点。 <el-table-column type="selection"width="55"align="center"/>
:data="tableList" ref="roleData" :row-style="selectedHighlight" @select="selectRole" @select-all="selectRoleAll" > <el-table-column type="selection" width="40"></el-table-column> <el-table-column label="序号" type="index" width="60"></el-table-column> ...
代码已经很不错了,可以优化的地方是根据具体需求添加更多的功能,比如排序、筛选、分页等。同时,可以考虑通过封装组件的方式将表格作为一个独立的组件,提高代码的复用性。 实现效果如图: el-table 内添加 一个el-table-column标签 类型设置为selection显示勾选框 type="selection" 添加属性:selectable 并添加自定义函数...
"><el-table-columntype="selection"width="55"></el-table-column><el-table-columntype="index"label="序号"width="80"/><el-table-columnprop="date"label="日期"width="180"/><el-table-columnprop="name"label="姓名"width="180"/><el-table-columnprop="address"label="地址"/></el-table>...
type="selection" :reserve-selection="true" width="55"> </el-table-column> <el-table-column type="index" label="编号" width="50"> </el-table-column> <div> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" ...
一、el-table多选分页时,记住其他页的选中状态 实现方法: 核心是el-table-column的reserve-selection属性 image.png 1.通过type="selection"设置复选框列,重点在于 reserve-selection 属性,设置为true时,数据更新之后保留之前选中的数据。 2.需要表格属性“row-key”的配合,在使用 reserve-selection 功能的情况下,该...