zoukankan      html  css  js  c++  java
  • 如何个性化定制iview中的table样式

    使用renderHeader、render函数

    例子:

    column:[

      {},

      ...,

      {

        title:'较年初占比变化',

        key:''lastYearChange,

        renderHeader:(h,params) => {

          var text = '较年初<br>占比变化';

          return h('div',{

            domProps:{

              innerHTML: text

            }

          })

        },

        rander: ( h, params) =>{

          if(params.row.lastYearChange.substr(0,1) === '-'){

            return h(

              'span',

              {

                style:{

                  color:'#fff',

                  fontWeight:'bold'

                }

              },

              params.row,lastYearChange

           );

          }else if (params.row.lastYearChange == 0){

            return h('span', params.row.lastYearChange);

          }

        }

      }

    ]

    作者: 莯汐

    出处: < http://www.cnblogs.com/Eileen-lu/>

    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在页面明显位置给出原文链接。

  • 相关阅读:
    HDU 1584 蜘蛛牌(DFS)
    HDU 1800 Flying to the Mars(贪心)
    zsh: command not found: java (xxx)
    Deepin20安装Mysql8
    Deepin全局菜单
    Ubuntu PPA 解读
    Node安装与配置
    Windows安装配置Maven
    idea 安装 Vue 插件没有Vue component选项
    Linux桌面系统创建应用程序快捷方式
  • 原文地址:https://www.cnblogs.com/Eileen-lu/p/13491651.html
Copyright © 2011-2022 走看看