yj-table 使用说明
基于vue 3.0开发
字段名称 | 字段解释 | 默认值类型 |
---|---|---|
is-border | 是否显示表格外框 | boolean |
is-stripe | 是否显示表格姗格 | boolean |
is-show-row-do-something | 显示操作按钮 | boolean |
is-can-sort | 显示排序 | boolean |
is-show-index | 显示行号 | boolean |
is-show-selection | 显示勾选框 | boolean |
row-header | 头部数据源 | array |
data | 数据源 | array |
table-size | 表格的大小 | String (medium ,mini,small) |
事件名称 | 事件解释 | 参数 |
---|---|---|
onRefresh | 刷新按钮 | 无 |
onAdd | 增加 | bean |
onEdit | 修改 | bean |
onDel | 删除 | array[bean] |
handleEdit | 行编辑 | index, val |
handleDelete | 行删除 | index, val |
handleSelectionChange | 多选 | array[bean] |
handleCurrentChange | 单选 | bean |
支持top left right 三个方位的插槽
<yj-save-tools @onSave="onSave" @onCancel="onCancel"></yj-save-tools>
<yj-crud-table :is-show-form="showForm" @onRefresh="onRefresh" :table-size="mini" :is-show-row-do-something="true"
:is-can-sort="true" :row-header="heards" :data="tableData" :is-show-index="true" @onAdd="onAdd"
:is-show-selection="true" @onSave="onSave" @onCancel="onCancel">
<input slot="top"></input>
<yj-search-tools v-show="!showForm" slot="left">
<el-button slot="search">测试插槽</el-button>
</yj-search-tools>
</yj-crud-table>
<yj-save-tools/>