1 打开一个vue文件，添加一个el-table标签组件，然后设置值为日期、姓名、地址的一个数组。如图 2 在el-table数组上添加border属性，用于显示所有边框。如图 3 保存vue文件后使用浏览器打开，这时就可以看到表格显示所有的边框。如图
打印后页面:代码: <template> <div class="app-container" id="printDom"> <div class="title">清单</div> <el-button plain size="small" type="warning" v-print="printObj">打印</el-button> <el-table :data="table1" size="mini" border> <el-table-column :prop="col.prop" :label="col...
important; } .el-table__header th { border-right: 3px solid #606060 !important; } .el-table__body td { border-bottom: 3px solid #606060 !important; border-right: 3px solid #606060 !important; } //解决最下面一行会出现重叠的一行 .el-table__row:last-child > .el-table__cell { ...
el-table固定列后边框消失问题 固定最后一列 ::v-deep .el-table__row {td:not(.is-hidden):last-child {right: -1px; } } ::v-deep .el-table__header {th:not(.is-hidden):last-child { border-left: 1px solid #EBEEF5;// 颜色根据你表格的颜色自定义,当前颜色是element默认的颜色} } 固定...
el-table 的边框,你可以通过几种不同的方式来实现。以下是几种常见的方法: 1. 通过HTML属性设置 在el-table 标签上直接添加 border 属性,可以使表格显示所有边框。这是最简单直接的方法。 html <el-table border :data="tableData"> <!-- 表格列定义 --> <el-table-column prop="...
本来以为是偶发的,不好找到问题所在,不知道怎么改这个问题, 哈哈哈哈,被自己拖出来了,你就在固定列左侧边框慢慢拖,总能拖到介于下面这两种状态(不出现滚动条和出现滚动条)之间的bug状态 问题思考 肯定是宽度哪里的问题设置导致了这个左侧边框就看不见了。 看了下,发现这边表格隐藏和显示的有位置差别,设置table fon...
一、前言说明 1. 网上很多都是通过上下左右边框方式,如: .el-table { border-bottom: 1px solid black; border-right: 1px solid black; margin: 0 auto; } ::v-deep.el-table th { bord
问题描述 在我们使用饿了么UI框架做项目的时候,el-table的自带的表格边框颜色有时候需要修改一下。本文记录一下修改el-table边框样式的注意事项。 效果如下图 代码实现如下图 随手记录一下 编辑于 2023-12-06 23:05・IP 属地未知 内容所属专栏 element-ui&plus 记录饿了么UI或者饿了么PLUS相关问题 订阅专栏...
</el-table> </el-col> </el-row> </div> </template> <script> export default { props: { // 是否显示操作 title: { type: String, default: "", }, contentTableConfig: { type: Object, require: true, default: () => ({}), ...