element-ui 表格table加border属性，右边框不显示

<el-table :data="systemData"borderstripe><el-table-column type="index"label="#"width="60"align="center"></el-table-column></el-table>

右侧的边框不显示，打开控制台，发现css 有这个属性

.el-table--border {

border-right: none;
border-bottom: none;

}

把第一个样式注释就了，因为是自带，怕改到其他地方。给table样式加一个宽度99%，也可完美展示，问题解决。应该是表格溢出了

<el-table :data="systemData"borderstripestyle="width: 99.6%"><el-table-column type="index"label="#"width="60"align="center"></el-table-column>
</el-table>

element-ui 表格table加border属性，右边框不显示相关推荐

element ui表格中的algin属性无效
我们在使用element ui表格中,经常需要调整表格内容的文字对齐位置,例如: 文档中描述是使用algin="left / right / center"调整文字对齐,但是我们使 ...
element ui表格表头加斜线，表头加数字，第一列加颜色
先看效果: 1.template slot="header" 设置表头 2.yjlbTableTh为表头数据 3.yjlbData表格数据 <template>< ...
Element UI 之table表格表头过长使用点点…显示，并添加鼠标移入悬浮显示
Element UI 之table表格表头过长使用点点-显示,并添加鼠标移入悬浮显示需求鼠标移入表头关键点: 1.样式中添加:(如果在scope中会不起作用) .el-table .cell { ...
element ui 树形-懒加载-表格-多选勾选问题
element ui树形表格如下: 它的数据格式为:使用children字段来存放子级数据 tableData: [{id: 1,date: "2016-05-02",name: ...
《前端》Element ui 表格（Table）组件中前端实现数据分页和模糊查询--未看
我是用的Element ui 表格(Table)组件中的例子下面是别人自己写的方法: Element ui 表格(Table)组件中前端实现数据分页和模糊查询_明天也要努力的博客-CSDN博客 h ...
Element UI 的 table 单元格合并
项目中遇到表格单元格合并的需求,在此记录整个解决过程. 项目使用的是 Element UI,表格使用的是 table 组件.Element UI 的 table 表格组件中对单元格进行合并,需要使用 ...
element UI 表格做下滑滚动效果，请求接口数据
element UI 表格做下滑滚动效果,请求接口数据,内容记录 import { ElMessage } from "element-plus"; // vue3.0 引入方式/ ...
element UI 表格实现表尾合计行 ——小肉包
element UI 表格实现表尾合计行 --小肉包可以根据需要计算任意列的合计,效果图如下说明:elementUI 官网提供了标为合计行的计算方法,参考elementUI 官网table组件 ...
Element UI 表格嵌套表单、输入框、选择框
Element UI 表格嵌套表单.输入框.选择框有时候我们需要一次添加多条数据,这个时候我们就可以使用表格嵌套表单.输入框和选择框等等的方式,添加保存和修改数据. 直接展示代码 <el-fo ...

element-ui 表格table加border属性，右边框不显示

element-ui 表格table加border属性，右边框不显示相关推荐

最新文章

热门文章