1.主要问题如下
Pasted Graphic.png
image.png
通过css可以看出伪元素::before就是这条多出来的横线，主要目的是作为el-table的下边框线。
而el-table设置boeder属性后的自带下边框先被none了。
所以在el-table表格内容过多时滚动，表格下边框随着初始位置滚动，导致表格内多出一条横线一条横线，而下边框线没有。
/* 隐藏伪元素 */
/deep/ .el-table::before {
display: none!important;
}
/* 重现下自带下边框线 */
.el-table--border {
border-bottom: 1px solid #fff!important;
}
右侧因为fixed:'right'
所以操作栏会浮在上面
解决：
修改底部按钮所在div的z-index
当前案例改成：z-index：3；
就起作用了
现在接到了这么一个需求： 视图要和NavigationBar融为一体。但是我们都知道，UINavigationBa...
最近在项目开发中遇到了一个问题，首页底部菜单和底部子菜单的互动。需求是这样的，编辑状态下点击红色删除按钮，首页底部...
App.vue index.vue//底部有按钮 适配部分ios手机需要太高 demo.vue//这是自定义头部标...
列表页到底部加载更多列表项，并有返回顶部按钮。 list.vue
问题描述 vue项目中，需要给vue表格中的每一行加入自定义的样式，根据文档给
//先去掉底部的横线 [tabBarVC.tabBar setBackgroundImage:[MSDTools ...
为 el-table 全局注册自定义指令，用来监听 el-table 滚动到底部时的事件，在main.js中注册 ...
可以根据路由传参来控制
1、el-table中show-overflow-tooltip的问题 el-table内容过多的时候可以设置 s...
点击“点击导出”按钮后下载sheetjs.xlsx文件（导出文件） Element组件库中的el-table表格导...
本文标题：vue中el-table和底部按钮横线问题小记
本文链接：https://www.haomeiwen.com/subject/kejkrdtx.html
网友评论