基于Element中table实现多行复选并自定义标题

最新推荐文章于 2023-09-12 15:06:59 发布

代码研究员

最新推荐文章于 2023-09-12 15:06:59 发布

阅读量1.1k

点赞数

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

本文链接：https://blog.csdn.net/qq_30596783/article/details/120988382

版权

js 专栏收录该内容

22 篇文章 1 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Vue项目中使用Element UI的table组件，通过render-header函数和jsx语法来实现表格多行复选框的自定义标题功能，解决了原生type='selection'无法满足特定需求的问题。

摘要由CSDN通过智能技术生成

如上图后三列同时需要修改表格标题，之前的type=“selection"无法满足当前需求，查了一下官方文档，提供了一个render-header函数，直接用jsx语法就好。

<template>
    <div>
        <el-table :data="tableData" border stripe>
            <el-table-column
              prop="name"
              label="字段"
              align="center"
            ></el-table-column>
            <el-table-column
              prop="type"
              label="类型"
              align="center"
            ></el-table-column>
            <el-table-column :render-header&#

了解本专栏