element更改表头样式
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
想要更改表头颜色,只要在el-table里引 :header-cell-style="{background:'red'}",
<el-table :header-cell-style="{background:'red'}"></el-table>
这样就可以了,或者使用函数
<el-table
:data="tableData"
border
:header-cell-style="getRowClass"
size="mini">
<el-table-column
prop="Name"
align='center'
label="">
</el-table-column>
</el-table>
methods: {
getRowClass ({ row, column, rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background:#c90a5b;color:#fff;text-align:center;font-size:9px;font-weight:500;'
} else {
return ''
}
}
}
header-cell-style | 表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。 | Function({row, column, rowIndex, columnIndex})/Object |
GitHub 加速计划 / eleme / element
54.07 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)