1. 通过HTML属性设置 在el-table 标签上直接添加 border 属性,可以使表格显示所有边框。这是最简单直接的方法。 html <el-table border :data="tableData"> <!-- 表格列定义 --> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-...
1 打开一个vue文件，添加一个el-table标签组件，然后设置值为日期、姓名、地址的一个数组。如图 2 在el-table数组上添加border属性，用于显示所有边框。如图 3 保存vue文件后使用浏览器打开，这时就可以看到表格显示所有的边框。如图
el-table { .el-table__body { width: 100% !important; } th { display: table-cell !important; } .cell { width: 100% !important; } } .el-table { border: 3px solid #606060; } .el-table__header-wrapper { border-bottom: 3px solid #606060 !important; border-right: 3px solid #...
el-table Reproduction Link Element Plus Playground Steps to reproduce <script setup> const tableData = [ { date: '2016-05-03', name: 'Tom', address: 'No. 189, Grove St, Los Angeles' }, { date: '2016-05-02', name: 'Tom', address: 'No. 189, Grove St, Los Angeles' }, { d...
问题: 当el-table加了固定右列时,左边的右边框就不见了,会出现这种bug 原因 解决方法因为固定列他是一个脱离文档流的元素,所以脱离了文档流就会挡住一些边框 通过调试知道当下面的滚动条滑动时, is-scrolling-right中的right会变换,滚动到中间会变成is-scrolling
Issue Open Check [Style] [table] el-table 添加类样式 table 并设置边框,导致表格宽度无限增加 #4861 Sign in to view logs Summary Jobs issue-open-check Run details Usage Workflow file Triggered via issue November 19, 2024 11:58 lihuixion opened #18947 b951e1a ...
<style> .alarm .el-table__row td:nth-child(10) { color: #3be6f8; } </style> 1. row-class-name:行的 className 的回调方法,也可以使用字符串为所有行设置一个固定的 className。 然后row-class-name绑定的样式实现 tableRowClassName({ row, rowIndex }) { if (rowIndex % 2 == 1) { ret...
找到el-table标签添加如下样式和属性设置 <el-table class="alarm" v-loading="loading" :header-cell-style="{ background: '#0080D0' }" :row-class-name="tableRowClassName" > 1. 然后class绑定的alarm样式的实现 <style> .alarm .el-table__row td:nth-child(10) { color: #3be6f8; } </st...