头部 设置 使用 :header-cell-style="{color:‘black’,borderColor:‘black’}" 以及 size=“small” 并添加方法:cell-style=“cellStyle”
<el-table border
size="small"
:data="tableData"
:cell-style="cellStyle"
height="100%"
:highlight-current-row="true"
:header-cell-style="{color:'black',borderColor:'black'}"
style="margin-top:10px;">
<el-table-column
prop="date"
label="日期"
width="180"
align="center">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180"
align="center">
</el-table-column>
<el-table-column
prop="address"
label="地址"
align="center">
</el-table-column>
</el-table>
设置单元格使用 cell-style 方法
```handlebars
methods: {
//设置单元格背景
cellStyle({row, column, rowIndex, columnIndex}) {
return 'height:35px!important; border-color:black!important; color:#000000!important; padding:0px!important; height:40px!important'
},
}
设置最外部 只需要添加样式
<style scoped>
.el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group{
border-color: black;
}
.el-table--border::after, .el-table--group::after, .el-table::before{
background-color: black;
}
</style>
以上就是 直播软件app开发,表格修改边框颜色更多内容欢迎关注之后的文章