ElementUI table实现给表格的表头一个单元格斜线分隔线

CiL#

已于 2024-06-26 16:39:24 修改

阅读量751

点赞数 4

分类专栏： Element UI 文章标签： elementui 前端 javascript

于 2024-06-25 16:43:52 首次发布

本文链接：https://blog.youkuaiyun.com/KMINLIKE/article/details/139963044

版权

效果：

代码：

<template>
    <div>
        <el-table :data="tableData" border style="width: 100%">
            <el-table-column :resizable="false" class-name="elChgTbeClmn" prop="date"  width="120">
                <template slot="header" slot-scope="scope">
                    <div class="elHeadCon">
                        <div class="headerCon1">区域</div>
                        <div class="headerCon2">类型</div>
                        <div class="headerLine"></div>
                    </div>
                </template>
            </el-table-column>
            &l