element-ui 實現跨表格多選

效果

代碼

    <el-table row-key="id" :data="dataList" border @selection-change="selectionChangeHandle" style="width: 100%;">
      <el-table-column reserve-selection type="selection" header-align="center" align="center" width="50">
      </el-table-column>
      ...
    </el-table>

跟默認的選中效果區別在於

<el-table> 標簽上加上了 row-key="id" 屬性（key 應該可以等於其他的值）
- 讓翻頁的多選可以默認選中
<el-table-column> 標簽上加了 reserve-selection 屬性
- 讓其支持翻頁多選

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Element-ui el-table 樹形表格多選 element-ui實現表格el-table展開行 vue element-ui el-table多選框多選刪除實現 element-ui之Table表格el-table標簽 Element-ui（el-table、el-pagination）實現表格分頁 Element-ui（el-table、el-pagination）實現表格分頁 Element-ui（el-table、el-pagination）實現表格分頁 Element-ui（el-table、el-pagination）實現表格分頁 element-ui 的 el-table 使用多選框，翻頁、搜索時保持選中狀態 element-ui之el-table的使用合集（含翻頁多選，動態生成表頭等）