table表格中只有表头加竖线分割

给<el-table>加一个属性 :

:header-cell-style="{'border-right':'1px solid #888888'}"

如果表头样式很多,可以不写到el-table标签里面,写一个methods方法 :

<el-table :header-cell-style="tabHeader">
methods:{
    tabHeader(){
        return "border-right:1px solid #888888"
    }
}

注意:

第一种:多个style样式之间使用逗号分隔,而且要注意格式书写

:header-cell-style="{color:'#44444', 'border-right':'1px solid #888888'}"

textAlign:‘center’等同于‘text-align’:‘center’

第二种:多个style样式之间使用分号分隔,且不需要加单引号‘ ’

return "border-right:1px solid #88888;color:#55555"

Logo

前往低代码交流专区

更多推荐