element ui table插件的合並列


<el-table
                          :data="mTemList"
                          :span-method="objectSpanMethod"
                          border
                          style="width: 100%; margin-top: 20px">
                          <el-table-column
                            :prop="item.code"
                            :label="item.name"
                             v-for='item in tarArr' :key='item.code'>
                          </el-table-column>
                          
                    </el-table>

  

 objectSpanMethod({ row, column, rowIndex, columnIndex }) {
    if (columnIndex === 0 || columnIndex === 1) {選擇合並哪一列
          if (rowIndex % this.num === 0) {//合並多少行
            return {
              rowspan: this.num,  //要合並的行數
              colspan: 1
            };
          } else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }
        }
        }

  


免責聲明!

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



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM