el-table 動態生成表頭

html代碼:

<el-table
  v-loading="loading"
  :data="orgTableData"
  :header-cell-style="{'background':'#f5f7fa','color':'#666'}"
  stripe
  border
>
  <el-table-column
    prop="number"
    label="序號"
    width="60"
    type="index"
    align="center"
  />
  <el-table-column
    v-for="item in tableColumns"
    :key="item.key"
    :label="item.name"
    :prop="item.key"
    show-overflow-tooltip
    :min-width="item.minWidth"
    :width="item.width"
    align="center"
  >
  </el-table-column>
</el-table>

js代碼:

tableColumns: [
    { key: 'orgName', name: '辦案單位', width: 250 },
    { key: 'caseCnt', name: '案件數(件)', minWidth: 120 },
    { key: 'remarkCnt', name: '批註(個)', minWidth: 120 },
    { key: 'evidenceAuditCnt', name: '添加審查結論(次)', minWidth: 150 }
]

el-table 動態生成多級表頭 請參考鏈接:el-table 動態生成多級表頭

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章