隐藏elementUI的表格扩展列
问题:
使用elementUI
的Table
组件,表格嵌套扩展行,不采用elementUI
默认的箭头操作显示扩展行,使用自定义操作按钮,表格带有边框
解决:
由于不想显示出来扩展列,所以给扩展列组件el-table-column
设置了样式display:none
,但是实际上并没有解决问题。使用v-show
和设置display:none
并没有区别,使用v-if
真的解决了,但是扩展行木有了,文档中也没有相关配置项。
【隐藏elementUI的表格扩展列】最后只能’曲线救国‘了,给扩展列组件el-table-column
设置width="1"
,此时看不见扩展列,但是表格边框会有一个是重叠的,变粗了。 此时配合样式把扩展列以及扩展列前一个设置class-name="no_border_right"
,把这两列的右边框设置为0。
详情
.expand_table{
.no_border_right{
border-right: 0 none;
}
}
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量