Element UI 组件 el-table 添加多选框

为 el-table 组件添加一个子组件 el-table-column,设 type 属性为 selection 即可

<el-table>
    <el-table-column type="selection" width="55"></el-table-column>
</el-table>

官方的例子为多选框这一列添加了 width 属性,并设置为 55,这是为了防止该列与其他列平分宽度,影响美观。

仅仅加了以上的元素之后,表格就多了一列多选框,而且通过点击表头的多选框可以实现多选。

猜你喜欢

转载自blog.csdn.net/qq_39291919/article/details/108928812