el-table中添加 编辑和删除等按钮 1.添加代码:<el-table-column lable="操作"> <template slot-scope="scope"> <el-button type="success">编辑 <i class="el-icon-edit"></i></el-button> <el-button type="danger">删除 <i class="el-icon-remove-outline"></i></el-button> </template> <...
需求1: 在表头放一个带点击事件的按钮 需求2: 点击按钮时需要传输自定义参数(用来区分点击的是哪一列) 主要以 render-header 进行扩展使用。 主要代码 html: <el-table-column label="城市" align="center" :render-header="(h, obj) => renderHeader(h, obj, '城市')"> <template slot-scope="scope"...
第三列第四行{rowspan:1, colspan:7}(占据1行&7列),把你的按钮也放在这一列就行。 后续的第四列第五列都是
renderHeader(h) {return(<el-buttonclass='filter-item'type='default'size="mini"icon='el-icon-delete'onClick={()=>this.handleAddBlackList()} loading={this.changeListLoading}>加入黑名单</el-button>) } 但是这种方法element-ui会提示一个报错[Element Warn][TableColumn]Comparing to render-header,...