Table表头添加必选符+换行

Table表头添加必选符+换行

html部分

<el-table-column :label="'提货数量|('+tableHeader.sumDeliverNum+'件)'" align="center" :render-header="lineFeed">
  <template slot-scope="scope">
     <el-tooltip class="item" effect="dark" :content="'最大出库数量：'+scope.row.validNum" placement="top">
       <number-input decimal="10,0" :min="1" :max="scope.row.validNum"  v-model="scope.row.deliverCount"  @change="alterDeliverWeighit(scope.row)"></number-input>
     </el-tooltip>
  </template>
</el-table-column>

js部分

methods: {
  lineFeed(h, { column, $index }) { // Table表头换行+必选红点
    return h('span', {}, [
      h('span', { style: 'color: red' }, '*'),
      h('span', ' ' + column.label.split('|')[0]),
      h('br'),
      h('span', {}, column.label.split('|')[1])
    ])
  },
}

语录分享