vue|vue element 表头添加斜线的实现代码
.el-table thead.is-group th {background: #fff; }.el-table thead.is-group tr:first-of-type th:first-of-type:before {content: '日期'; text-align: center; position: absolute; width: 152px; height: 1px; bottom: 30px; right: 0; }.el-table thead.is-group tr:first-of-type th:first-of-type:after {content: '配送新增'; text-align: center; position: absolute; width: 152px; top: 10px; left: 0; }.el-table thead.is-group tr:first-of-type th:first-of-type .cell {position: absolute; top: 0; left: 0; width: 152px; height: 1px; background-color: #EBEEF5; display: block; text-align: center; transform: rotate(38deg); transform-origin: top left; -ms-transform: rotate(38deg); -ms-transform-origin: top left; -webkit-transform: rotate(38deg); -webkit-transform-origin: top left; }
效果:
文章图片
【vue|vue element 表头添加斜线的实现代码】到此这篇关于vue element 表头添加斜线的文章就介绍到这了,更多相关vue element 表头添加斜线内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)
- vue中的条件判断详解v-if|vue中的条件判断详解v-if v-else v-else-if v-show