element ui table的所有属性

Posted lhuser

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element ui table的所有属性相关的知识,希望对你有一定的参考价值。

1. table 的props:

      data: 
        type: Array,
        default: function() 
          return [];
        
      ,

      size: String,

      width: [String, Number],

      height: [String, Number],

      maxHeight: [String, Number],

      fit: 
        type: Boolean,
        default: true
      ,

      stripe: Boolean,

      border: Boolean,

      rowKey: [String, Function],

      context: ,

      showHeader: 
        type: Boolean,
        default: true
      ,

      showSummary: Boolean,

      sumText: String,

      summaryMethod: Function,

      rowClassName: [String, Function],

      rowStyle: [Object, Function],

      cellClassName: [String, Function],

      cellStyle: [Object, Function],

      headerRowClassName: [String, Function],

      headerRowStyle: [Object, Function],

      headerCellClassName: [String, Function],

      headerCellStyle: [Object, Function],

      highlightCurrentRow: Boolean,

      currentRowKey: [String, Number],

      emptyText: String,

      expandRowKeys: Array,

      defaultExpandAll: Boolean,

      defaultSort: Object,

      tooltipEffect: String,

      spanMethod: Function,

      selectOnIndeterminate: 
        type: Boolean,
        default: true
      ,

      indent: 
        type: Number,
        default: 16
      ,

      treeProps: 
        type: Object,
        default() 
          return 
            hasChildren: ‘hasChildren‘,
            children: ‘children‘
          ;
        
      ,

      lazy: Boolean,

      load: Function

2. table column的props

props: 
    type: 
      type: String,
      default: ‘default‘
    ,
    label: String,
    className: String,
    labelClassName: String,
    property: String,
    prop: String,
    width: ,
    minWidth: ,
    renderHeader: Function,
    sortable: 
      type: [Boolean, String],
      default: false
    ,
    sortMethod: Function,
    sortBy: [String, Function, Array],
    resizable: 
      type: Boolean,
      default: true
    ,
    columnKey: String,
    align: String,
    headerAlign: String,
    showTooltipWhenOverflow: Boolean,
    showOverflowTooltip: Boolean,
    fixed: [Boolean, String],
    formatter: Function,
    selectable: Function,
    reserveSelection: Boolean,
    filterMethod: Function,
    filteredValue: Array,
    filters: Array,
    filterPlacement: String,
    filterMultiple: 
      type: Boolean,
      default: true
    ,
    index: [Number, Function],
    sortOrders: 
      type: Array,
      default() 
        return [‘ascending‘, ‘descending‘, null];
      ,
      validator(val) 
        return val.every(order => [‘ascending‘, ‘descending‘, null].indexOf(order) > -1);
      
    
  

 

以上是关于element ui table的所有属性的主要内容,如果未能解决你的问题,请参考以下文章

element-ui table根据属性合并行

element UI 调整表格行高

element-ui的table组件,给某些列设置了fixed属性后,滚动条无法拖动

Vue Element UI el-table 样式属性重叠发生错位

element-ui table

element-ui 常用属性el-table