vue+Element-UI 自定义表头 + 合并表头

BUGKing-

已于 2022-04-20 14:50:27 修改

阅读量585

点赞数

分类专栏： Web 文章标签： vue.js

于 2022-04-20 14:41:18 首次发布

本文链接：https://blog.youkuaiyun.com/sneer_shen/article/details/124297021

版权

Web 专栏收录该内容

8 篇文章

订阅专栏

:render-header

<el-table :data="tableData" style="width: 100%">
	<el-table-column prop="date" label="日期"> </el-table-column>
	<el-table-column
			align="center"
			:render-header="renderHeader"
		>
		<el-table-column prop="name" label="姓名"> </el-table-column>
		<el-table-column prop="province" label="省份"> </el-table-column>
		<el-table-column prop="city" label="市区"> </el-table-column>
		<el-table-column prop="zip" label="邮编"> </el-table-column>
	</el-table-column>
	<el-table-column prop="address" label="地址"> </el-table-column>
</el-table>

  methods: {
    renderHeader() {
      return (
        <div>
          <span>信息</span>
          <a class="main-table-a" on-click={() => this.renderHeaderCallback()}>
            自定义功能
          </a>
        </div>
      );
    },
    renderHeaderCallback() {
      console.log("-----")
    },
 }