## EmTablePage 分页表格组件 ### 组件属性 | 参数 | 说明 | 类型 | 可选值 | 默认值 | | :-: | :-: | :-: | :-: | :-: | | $attrs | 继承了el-table的所有属性 | Any | — | — | | initData | 是否初始化从接口获取数据 | Boolean | — | false | | url | 表格拉取数据的接口地址 | String | — | — | | searchData | 表格条件查询数据 | Object | — | {} | | columns | 表格表头结构数据,同Element-ui | Array | — | [] | | data | 表格默认数据,没有url的本地静态表格使用 | Array | — | [] | | tableAlign | 表格对齐方式 | String | left,right,center | center | | showOverflowTooltip | 内容过长被隐藏时显示 | Boolean | — | true | | selection | 是否展示每列开头复选框 | Boolean | — | false | | radio | 是否展示每列开头单选框 | Boolean | — | false | | loading | 拉取表格数据时显示遮罩层 | Boolean | — | true | | orderKey | 排序的key | String | — | id | | orderDefault | 排序是升是降 | String | — | desc | | showPage | 是否展示页签 | Boolean | — | true | | pageLayout | 分页布局 | String | sizes, prev, pager, next, jumper, ->, total, slot | total, sizes, prev, pager, next, jumper | | pageSize | 每页条数 | Number | — | 10 | | pageSizes | 每页显示个数选择器的选项设置 | Array | — | [10, 20, 30, 40, 50, 100] | | currentPageKey | 分页当前页码key | String | — | current | | pageSizeKey | 每页显示条目个数key | String | — | size | | totalKey | 总条目数key | String | — | total | | defaultId | 默认唯一key值 | String | — | id | | isTable | 是否展示为表示 | Boolean | — | true | | rowGutter | 栅格间隔(非表格) | Number | — | 4 | | rowType | 布局模式(非表格) | String | — | — | | rowJustify | flex 布局下的水平排列方式(非表格) | String | start/end/center/space-around/space-between | start | | rowAlign | flex 布局下的垂直排列方式(非表格) | String | top/middle/bottom | — | | rowSpan | 栅格占据的列数(非表格) | Number | — | 6 | | rowBorderColor | 单选时表格边框颜色(非表格) | String | — | #409eff | ### 组件事件 | 事件类型 | 说明 | 回调参数 | | :------------: | :----------------------: | :----------: | | $listeners | 继承了el-table所有的事件 | 根据事件返回 | | on-data-change | 远程数据加载完成后回调 | 接口返回的值 | ### 组件方法 | 事件类型 | 说明 | 回调参数 | | :------------------: | :----------: | :------: | | handleRowClick | 列表单机事件 | — | | handleClearSelection | 清空复选的值 | — | | clearTableData | 清空表格数据 | — | | getTableData | 拉取表格数据 | — |