由于el-table 是Element UI 库中的一个组件,你可以通过覆盖其默认的 CSS 样式来去掉边框。这通常可以通过在 Vue 组件的 <style> 标签中添加自定义样式来实现。 验证边框是否已被成功去除: 在应用了自定义样式后,你可以在浏览器中查看 el-table 组件,确认边框是否已经被成功去除。以下是一个示例代码片段,...
1、打开f12来找对应的样式 (1)下边框样式 从图中可以看出这条边框的样式是 .el-table::before{left:0;bottom:0;width:100%;height:1px; } 要想去掉这条线,可以设置 height: 0px; (2)右边框线 从图中可以看出有效样式是 .el-table--border::after{top:0;right:0;width:1px;height:100%; } 想要去...
//去除右侧白线 .el-table--border::after{width:0px;}.el-table__header-wrapper{background:none;} //去除下方白线 .el-table::before{background:none}
大概上是可以的,就是细节上明显右侧的线加粗了:https://codesandbox.io/s/el-table-bian-kuang-chu-li-wrv8zm?fi... 回复2023-06-25 来自四川 查看全部 3 个回答 推荐问题 扁平化数组转换成树形? 背景:需要将扁平化数组转换成树形数组。比如原始数组如下: {代码...} 期望转换后的数据 {代码...} 8 回...
margin-top: 18px; margin-bottom: 18px; background: rgb(255, 255, 255); padding: 16px 20px 16px 30px; } ::v-deep .el-table__row > td { border: none; } .el-table::before { //去掉最下面的那一条线 height: 0px; } </style>...
找到当前table class 或者 其他选择器 然后border-bottom:none !important 有用 回复 Jquank: 谢谢,但是审查不到这条线,加了不行 回复2018-11-16 查看全部 5 个回答 推荐问题 如何自定义设置虚线边框的样式? 背景: {代码...} 如上图所示:虽然可以设置虚线边框,但是虚线边框的样式往往需要修改:比如:单个...
在使用Element开发vue项目时，默认情况下el-table表格值显示横向边框，那如何设置显示全部的边框效果呢？方法/步骤 1 打开一个vue文件，添加一个el-table标签组件，然后设置值为日期、姓名、地址的一个数组。如图 2 在el-table数组上添加border属性，用于显示所有边框。如图 3 保存vue文件后使用浏览器打开，这时就可以...
哈哈哈哈,被自己拖出来了,你就在固定列左侧边框慢慢拖,总能拖到介于下面这两种状态(不出现滚动条和出现滚动条)之间的bug状态 问题思考 肯定是宽度哪里的问题设置导致了这个左侧边框就看不见了。 看了下,发现这边表格隐藏和显示的有位置差别,设置table font-size: 0; 有效去除不必要空隙,明显感觉到出现这种状况的...
重叠时,没边框 固定列添加左边框: 代码: // 修复 固定列边框消失问题 .el-table__fixed-right { top: 0px; left: auto; right: 0px; border-left: 1px solid rgb(223, 230, 236); box-sizing: content-box; } box-sizing: content-box;作用是: ...
iviewui的table边框线去除 //整个table的下边框和右边框/deep/ .ivu-table:before,/deep/ .ivu-table:after{ background: white; }//table中所有的横边框/deep/ .ivu-table td,/deep/ .ivu-table th{ border-bottom: 1px solid white; }//整个table的上边框和左边框/deep/ .ivu-table-wrapper { ...