Advertisement

el-table 多选框样式 支持单选模式

阅读量:
在这里插入图片描述

通过手动插入一个el-table-column组件,并将type属性设置为selection,即可实现对应功能。

复制代码
    <el-table ref="multipleTable"

          @selection-change="selectionChange" 
          :data="planDataList"
          row-style="text-align:center"
          style="width: 100%" 
          border 
          max-height="350">
        <el-table-column type="selection" width="30">
        </el-table-column>
        <el-table-column prop="planId" label="计划编号" width="180">
        </el-table-column>
    </el-table>
    

全部评论 (0)

还没有任何评论哟~