element 设置表格行高和表头样式

一开始遇到这个问题的时候也去百度了,踩过一些坑。话不多说直接说解决方法:

一:表格行高的改变

在<el-table></el-table>中写入以下内容(此方法经过测试,没有报错)

<el-table :row-style="{height:'80px'}"></el-table>

二:表头样式的改变

<el-table :header-cell-style='headerStyle'></el-table>

然后在data里这么写:

data() {
            return {
               headerStyle:{
                   'font-weight':'500',
                    'font-size':'20px'
                }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,068评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • ORA-00001: 违反唯一约束条件 (.) 错误说明:当在唯一索引所对应的列上键入重复值时,会触发此异常。 O...
    我想起个好名字阅读 5,442评论 0 9
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,141评论 1 32
  • 表格作为一种可视化交流模式及组织整理数据的手段,在各种场合及文档中应用广泛。常见的表格可包含文字、图片等元素,我们...
    编程小世界阅读 1,451评论 0 0