zoukankan      html  css  js  c++  java
  • element ui table的所有属性

    1. table 的props:

          data: {
            type: Array,
            default: function() {
              return [];
            }
          },
    
          size: String,
    
           [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: {
      //对应列的类型。如果设置了 selection 则显示多选框;如果设置了 index 则显示该行的索引(从 1 开始计算);如果设置了 expand 则显示为一个可展开的按钮 type: { type: String,
    default: 'default' }, label: String, className: String, labelClassName: String, property: String, prop: String, {}, 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); } } }
  • 相关阅读:
    使用Link Shell Extension方便的创建同步文件
    DOM案例【3】密码强度检查案例
    DOM案例【2】注册文本倒计时
    DOM案例【1】文本时钟
    HTML5 and CSS【01】Font
    常用单词
    CSS基础【01】类和ID选择器的区别
    【03】Html重点
    【02】Html(如鹏)
    C#MD5计算代码
  • 原文地址:https://www.cnblogs.com/lhuser/p/11263288.html
Copyright © 2011-2022 走看看