vxe-table表头自定义html模板

一，基础表格

方式一：

      vxe-column上加上tpye = "html"  ， title可以直接赋值为html字符串

<vxe-table
      border
      :column-config="{useKey: true}"
      :row-config="{useKey: true}"
      :data="tableData">
      <vxe-column field="role" type="html" title="<span class=green>HTML 标签与格式化</span>" :formatter="formatRole"></vxe-column>
    </vxe-table>

方式二：

列直接定义在vxe-table中的，直接使用header插槽定义

<vxe-table>
    <vxe-column type="seq" width="160"  show-overflow>
        <template #header>
          <div class="first-col">
            <div class="first-col-top">名称</div>
            <div class="first-col-bottom">序号</div>
          </div>
        </template>
    </vxe-column>
</vxe-table>