修改el-table样式之cell-class-name

修改el-table样式有好几种方式，有修改行，列，表头，这里讲的是修改列，且是列中cell的样式，因为表格是前任封装好的，无法在内部随意修改加类名，故无法使用cell-style单独完成，这里介绍cell-class-name属性完成

原图：

表格被前人封装为超出一定长度显示省略号，这里测试要求将内容展开，

  <MainTbl
    index
    :show-page="false"
    :data="tableData"
    :columns="columns"
    :customColumn="customColumn"
    :routeNameShow="false"
    :table-action-data="{
      width: 186,
      default: false,
      list: [],
    }"
    :tableSpanMethod="tableSpanMethod"
    maxHeight="900"
    class="duty-table"
    :cellClassName="cellClassName"
  >
   
  </MainTbl>

封装代码，加了cellClassName

const cellClassName = ({ row, column, rowIndex, columnIndex }) => {
  if (
    columnIndex === 2 ||
    columnIndex === 3 ||
    columnIndex === 4 ||
    columnIndex === 5
  ) {
    return "custom-duty-cell-class";
  }
};

此处类名起的别致一点，因为下面把scoped去掉了。
<style lang="less">
.custom-duty-cell-class .cell {
  white-space: normal !important;
}
</style>