基于and-design-vue的vue后台管理系统模板.zip

## table props | 属性 | 说明 | 类型 | 默认值 | | --------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | ------------ | | tableData | 显示的结构化数据，其中，字段 cellClassName 用于设置任意单元格的样式名称，因此数据不能使用该字段，详见示例特定样式。 | Array | [] | | columns | 表格列的配置描述，具体项见后文 | Array | [] | | stripe | 是否显示间隔斑马纹 | Boolean | false | | border | 是否显示纵向边框 | Boolean | false | | show-header | 是否显示表头 | Boolean | true | | width | 表格宽度，单位 px Number | String | 自动 | | height | 表格高度，单位 px，设置后，如果表格内容大于此值，会固定表头 Number | String | - | | max-height | 表格最大高度，单位 px，设置后，如果表格内容大于此值，会固定表头 Number | String | - | | loading | 表格是否加载中 | Boolean | false | | disabled-hover | 禁用鼠标悬停时的高亮 | Boolean | false | | highlight-row | 是否支持高亮选中的行，即单选 | Boolean | false | | row-class-name | 行的 className 的回调方法，传入参数：row：当前行数据 index：当前行的索引 | Function | - | | size | 表格尺寸，可选值为 large、small、default 或者不填 | String | - | | no-data-text | 数据为空时显示的提示内容 | String | 暂无数据 | | no-filtered-data-text | 筛选数据为空时显示的提示内容 | String | 暂无筛选结果 | | draggable | 是否开启拖拽调整行顺序，需配合 @on-drag-drop 事件使用 | Boolean | false | | tooltip-theme | 列使用 tooltip 时，配置它的主题，可选值为 dark 或 light | String | dark | | row-key | 是否强制使用内置的 row-key，开启后可能会影响性能 | Boolean | false | ## table events | 事件名 | 说明 | 返回值 | | -------------------- | ------------------------------------------------------------- | -------------------------------------------------------------------------- | | on-current-change | 开启 highlight-row 后有效，当表格的当前行发生变化的时候会触发 | currentRow：当前高亮行的数据 oldCurrentRow：上一次高亮的数据 | | on-select | 在多选模式下有效，选中某一项时触发 | selection：已选项数据 row：刚选择的项数据 | | on-select-cancel | 在多选模式下有效，取消选中某一项时触发 | selection：已选项数据 row：取消选择的项数据 | | on-select-all | 在多选模式下有效，点击全选时触发 | selection：已选项数据 | | on-select-all-cancel | 在多选模式下有效，点击取消全选时触发 | selection：已选项数据 | | on-selection-change | 在多选模式下有效，只要选中项发生变化时就会触发 | selection：已选项数据 | | on-sort-change | 排序时有效，当点击排序时触发 | column：当前列数据 key：排序依据的指标 order：排序的顺序，值为 asc 或 desc | | on-filter-change | 筛选时有效，筛选条件发生变化时触发 | 当前列数据 | | on-row-click | 单击某一行时触发 | 当前行的数据 index | | on-row-dblclick | 双击某一行时触发 | 当前行的数据 index | | on-expand | 展开或收起某一行时触发 | row：当前行的数据 status：当前的状态 | | on-drag-drop | 拖拽排序松开时触发，返回置换的两行数据索引 | index1, index2 | ## table column props | 属性 | 说明 | 类型 | 默认值 | | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------------- | | type | 列类型，可选值为 index、selection、expand、html | String | - | | title | 列头显示文字 | String | # | | key | 对应列内容的字段名 | String | - | | width | 列宽 | Number | - | | minWidth | 最小列宽 | Number | - | | maxWidth | 最大列宽