今天遇到一个 ElementUI table cell 样式设置无效的问题
ElementUI table
Element UI 的 table 是可以分别设置每个 cell 的样式的,可以使用 cell-class-name
指定样式,文档说明如下:
属性 | 说明 | 类型 |
---|---|---|
cell-class-name |
单元格的 className 的回调方法,也可以使用字符串为所有单元格设置一个固定的 className。 | Function({row, column, rowIndex, columnIndex})/String |
文档链接如下:
问题
按照文档,我设置了 className(使某一列字体加粗),但是一直无效;
在仔细阅读文档说明,仔细核对代码没有写错,之后,我开始怀疑官方API是否有效了……
结果,看到
<style scoped lang="scss">
.my-cell-style {
font-weight: bold;
}
</style>
当我移除了 scoped
之后,样式终于生效了;原来是 scoped
改变了 my-cell-style
的名称 :my-cell-style[data-v-21e5b78]
,这才导致无效的。
.