zoukankan      html  css  js  c++  java
  • elementUI 表格设置表头样式

    eader-row-class-name 表头行的 className 的回调方法,也可以使用字符串为所有表头行设置一个固定的 className。 Function({row, rowIndex})/String
    header-row-style 表头行的 style 的回调方法,也可以使用一个固定的 Object 为所有表头行设置一样的 Style。 Function({row, rowIndex})/Object
    header-cell-class-name 表头单元格的 className 的回调方法,也可以使用字符串为所有表头单元格设置一个固定的 className。 Function({row, column, rowIndex, columnIndex})/String
    header-cell-style 表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。 Function({row, column, rowIndex, columnIndex})/Object

    其它几种写法不清楚,最后一种测试成功

    
    
    <el-table :data="logs" style=" 100%" stripe height="calc(100% - 60px)" @sort-change="sortChange" :header-cell-style="{
    'background-color': '#fafafa',
    'color': 'rgb(103, 194, 58)',
    'border-bottom': '1px rgb(103, 194, 58) solid'
    }">
    ... 
    </el-table>

    效果如下,虽然比较丑,但实现跟内容区分

  • 相关阅读:
    Java Spring AOP用法
    Spring IOC的简单实现
    随机数
    Java 正则表达式
    日期格式转换
    maven settings.xml详解
    JSP与Servlet的关系
    EL表达式学习
    FreeMarker学习2
    FreeMarker学习
  • 原文地址:https://www.cnblogs.com/lurenjia1994/p/9564369.html
Copyright © 2011-2022 走看看