企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
### ele-pro-table 支持 a-table 的全部属性,此外增加的属性有: | 属性 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | datasource | 数据源`1.6.0移除String类型` | String/Array/Function | | | where | 如果是服务端数据源设定请求的参数 | Object | | | request | 如果是服务端数据源设定请求参数名称 | Object | | | response | 如果是服务端数据源设定响应参数名称 | Object | | | parseData | 如果是服务端数据源自定义参数格式解析 | Function | | | parseParam | 如果是服务端数据源自定义参数格式解析`1.6.0移除` | Function | | | ascendValue | 服务端数据源升序的排序值`1.6.0新增` | Function | | | descendValue | 服务端数据源降序的排序值`1.6.0新增` | Function | | | selection | 列表选中数据(多选),支持v-model绑定 | Array | | | current | 列表选中数据(单选),支持v-model绑定 | Object | | | needPage | 是否需要分页组件 | Boolean | true | | initLoad | 如果是服务端数据源默认是否请求数据 | Boolean | true | | loading | 表格请求状态 | Boolean | | | columns | 表格列配置 | Array | | | currentPage | 分页组件默认页码 | Number | 1 | | pageSize | 分页组件每页显示条目个数 | Number | 10 | | hideOnSinglePage | 分页组件只有一页时是否隐藏 | Boolean | false | | pageSizeOptions | 分页组件每页显示个数的选项 | Array | | | showLessItems | 分页组件是否显示较少页面内容 | Boolean | | | showQuickJumper | 分页组件是否显示跳转至某页 | Boolean | true | | showSizeChanger | 分页组件是否显示每页个数选项 | Boolean | true | | showTotal | 分页组件用于显示数据总量 | Function | | | simple | 分页组件是否显示为简单分页 | Boolean | | | position | 指定分页显示的位置 | String | 'bottom' | | toolsTheme | 表头工具栏主题风格 | String | 可选'default' | | title | 表头工具栏标题 | String | | | subTitle | 表头工具栏二级标题 | String | | | toolkit | 表头右侧工具按钮布局 | Array | | | columnsSort | 是否开启列拖拽排序 | Boolean | true | | toolbar | 是否显示表头工具栏 | Boolean | true | | toolStyle | 表头工具栏样式 | Object/String | | | toolClass | 表头工具栏class | String | | | toolkitStyle | 表头右侧工具样式 | Object/String | | | fullZIndex | 表格全屏时的z-index | Number | 999 | | autoAmendPage | 是否自动修正页码 | Boolean | true | | selectionType | 单选多选列类型`v1.2.0新增` | String | | | rowClickChecked | 行点击选中`v1.6.0新增` | Boolean | false | | rowClickCheckedIntelligent | 行点击选中当单个选中时互斥`v1.6.0新增` | Boolean | false | | lazyLoad | 树形表格是否异步加载`v1.6.0新增` | Boolean | false | | frontSort | 服务端数据源使用前端排序`v1.6.0新增` | Boolean | false | | resizable | 列是否可以拖动改变宽度`v1.6.0新增` | Boolean | true | | method | 如果是服务端数据源设定请求方式`1.6.0移除` | String | 'GET' | | headers | 如果是服务端数据源设定请求的header`1.6.0移除` | Object | | | contentType | 如果是服务端数据源设定请求数据类型`1.6.0移除` | #### 更多支持的属性及详细说明请查看 AntDesignVue 的[Table 文档](https://2x.antdv.com/components/table-cn#API)。 #### #### toolsTheme 参数: #### #### 默认是不带背景色,如果要带有背景色可以设置`tools-theme="default"`。 #### #### toolkit 参数: #### #### 默认`['reload', 'size', 'columns', 'fullscreen']`,如果不想显示设置`:toolkit="[]"`。 #### #### autoAmendPage 属性: #### #### 比如最后一页只有一条数据,执行了删除然后 reload,接口会返回空数据,开启后会自动跳转到前一页。 #### #### 不需要表头工具栏设置`:toolbar="false"`, datasource 属性改变后会自动 reload 请求数据,不用手动调用 reload 。