vue table表格中只有表头加竖线分割
table表格中只有表头加竖线分割给加一个属性 ::header-cell-style="{'border-right':'1px solid #888888'}"
·
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"
更多推荐
已为社区贡献11条内容
所有评论(0)