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

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

  • 相关阅读:
    NOIP2015 D1 解题报告
    2017.10.2 国庆清北 D2T2 树上抢男主
    2017.10.6 国庆清北 D6T3 字符串
    2017.10.1 国庆清北 D1T2 两个逗比捉迷藏
    电压驱动和电流驱动
    电子管
    点亮板载LED
    ESP8266——一般控制方法
    ESP8266——CPU频率更改和深度睡眠模式
    ESP8266——ADC
  • 原文地址:https://www.cnblogs.com/Eileen-lu/p/13491651.html
Copyright © 2011-2022 走看看