elementui鼠标悬浮表头显示文字提示

一、elementui鼠标悬浮表头显示文字提示

1.在需要出现的位置添加

	:render-header="renderHeader"

<el-table-column
          prop="fybh"
          label="房源编号"
          :render-header="renderHeader"
          sortable>
</el-table-column>

2.添加 renderHeader 方法

renderHeader(h,data){
      return h("span", [
        h(
            "el-tooltip",
            {
              attrs: {
                class: "item",
                effect: "dark",
                content: data.column.label,
                placement: "top",
              },
            },
            [h("span", data.column.label)]
        ),
      ]);
    },