element ui 的table实现圆角显示

   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;

            }

        },

你可能感兴趣的:(前端,ui,javascript,vue.js,前端,elementui)