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); } } }
  • 相关阅读:
    【ASP.NET 插件】zyUpload的HTML5上传插件
    【软件】图文解释XCode常用快捷键的使用
    【软件使用】Windows下的Objective-C集成开发环境搭建(IDE)
    【Javascript Demo】移动端访问PC端网页时跳转到对应的移动端网页
    【网络文摘】30多年程序员生涯经验总结
    【算法】网上看到的5个问题
    【ASP.NET 进阶】定时执行任务
    【ASP.NET 基础】Page类和回调技术
    【ASP.NET 基础】表单和控件
    【ASP.NET 基础】ASP.NET内置对象
  • 原文地址:https://www.cnblogs.com/lhuser/p/11263288.html
Copyright © 2011-2022 走看看