element ui 的table实现圆角显示

暴富的im

于 2023-12-13 16:22:07 发布

阅读量668

点赞数

分类专栏：前端文章标签： ui javascript vue.js 前端 elementui

本文链接：https://blog.csdn.net/qq_59626859/article/details/134975422

版权

前端专栏收录该内容

65 篇文章 0 订阅

订阅专栏

   tableHeaderStyle({ row, column, rowIndex, columnIndex }) {
            if (rowIndex == 0) {
                let extra = {};
                if (columnIndex == 0) {
                    extra = {
                        'border-radius': '12px 0px 0 0',  特殊设置圆角
                    }
                }
                else if (columnIndex == 4) {
                    extra = {
                        'border-radius': '0px 12px 0 0',
                    }
                }
                const styleResult = Object.assign({}, extra, {  其他表头的cell格的通用样式
                    background: " #367FFD", 'color': '#FFF', 
                    'font-size': '24px',
                    'font-style': 'normal',
                    'font-weight': '500',
                    'font-family': 'Source Han Sans CN',
                    'text-align': 'center'
                })
                return styleResult;

            }

        },