Element ui 修改table表格行高

 <el-table
        v-loading="dataListLoading"
        :data="dataList"
        style="width: 100%"
        ref="tables"
        class="tab"
        :row-style="iRowStyle"
        :cell-style="iCellStyle"
        :header-row-style="iHeaderRowStyle"
        border
        :header-cell-style="{
          background: 'rgba(194, 210, 255, 0.3)',
          color: '#040415',
        }"
        @selection-change="dataListSelectionChangeHandle"
        :row-key="getRowsKey"
      >

关键代码:

    :row-style="iRowStyle"

        :cell-style="iCellStyle"

        :header-row-style="iHeaderRowStyle"

  ***puted: {
    iRowStyle: function ({ row, rowIndex }) {
      return 'height:30px';
    },
    iHeaderRowStyle: function ({ row, rowIndex }) {
      return 'height:30px';
    },
    iCellStyle: function ({ row, column, rowIndex, columnIndex }) {
      return 'padding:0px'
    },
  },

效果:

 

转载请说明出处内容投诉
CSS教程_站长资源网 » Element ui 修改table表格行高

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买