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/>

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

  • 相关阅读:
    正则表达式
    特殊符号作用
    sed
    scp
    EOF
    env
    JAVA进阶5
    JAVA进阶4
    JAVA进阶3
    JAVA进阶2
  • 原文地址:https://www.cnblogs.com/Eileen-lu/p/13491651.html
Copyright © 2011-2022 走看看