如何个性化定制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);

      }

    }

  }

]

posted @ 2020-08-12 17:03  莯汐  阅读(389)  评论(0编辑  收藏  举报