diff --git a/src/views/demo/table/RefTable.vue b/src/views/demo/table/RefTable.vue index f2a0c6dd..784cd45b 100644 --- a/src/views/demo/table/RefTable.vue +++ b/src/views/demo/table/RefTable.vue @@ -34,6 +34,7 @@ import { getBasicColumns, getBasicShortColumns } from './tableData'; import { useMessage } from '/@/hooks/web/useMessage'; import { demoListApi } from '/@/api/demo/table'; + export default defineComponent({ components: { BasicTable }, setup() { @@ -54,10 +55,22 @@ }, 1000); } function changeColumns() { - getTableAction().setColumns(getBasicShortColumns()); + getTableAction().setProps({ + columns: getBasicShortColumns(), + rowSelection: { + type: 'checkbox', + }, + showIndexColumn: true, + }); } function reloadTable() { - getTableAction().setColumns(getBasicColumns()); + getTableAction().setProps({ + columns: getBasicColumns(), + rowSelection: { + type: 'checkbox', + }, + showIndexColumn: true, + }); getTableAction().reload({ page: 1, diff --git a/src/views/demo/table/UseTable.vue b/src/views/demo/table/UseTable.vue index 3c549979..8b78b2fa 100644 --- a/src/views/demo/table/UseTable.vue +++ b/src/views/demo/table/UseTable.vue @@ -25,6 +25,7 @@ import { getBasicColumns, getBasicShortColumns } from './tableData'; import { useMessage } from '/@/hooks/web/useMessage'; import { demoListApi } from '/@/api/demo/table'; + export default defineComponent({ components: { BasicTable }, setup() { @@ -36,7 +37,7 @@ registerTable, { setLoading, - setColumns, + setProps, getColumns, getDataSource, getRawDataSource, @@ -76,11 +77,22 @@ }, 1000); } function changeColumns() { - setColumns(getBasicShortColumns()); + setProps({ + columns: getBasicShortColumns(), + rowSelection: { + type: 'checkbox', + }, + showIndexColumn: true, + }); } function reloadTable() { - setColumns(getBasicColumns()); - + setProps({ + columns: getBasicColumns(), + rowSelection: { + type: 'checkbox', + }, + showIndexColumn: true, + }); reload({ page: 1, });