JeecgBoot-vue---表格配置

//注册table数据
const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
    tableProps: {
        title: 'userInformation',
        api: list,  //表格数据请求
        rowKey: 'tradeOrderNo',  //表格前的勾选框对应的filed 需唯一
        columns,  //表头数据
        canResize: false, // 是否可以自适应高度
        ellipsis: true,  //超过之后....
        useSearchForm: false,  // 使用查询条件区域
        dataSource,  //表格数据（可用可不用，一般使用api即可）
        isTreeTable: true, //是否为树表格（详情见下）  
        expandRowByClick:true,   // 点击行可展开子行（数表格--不设置则点击+展开收起，设置则点击该行都可展开收起）
        // 查询条件区域配置
        formConfig: {
            labelWidth: 90,  //查询条件name宽度
            schemas: searchFormSchema,  //查询条件数据
            autoSubmitOnEnter: true,  // 按下回车后自动提交
            showAdvancedButton: false,   // 是否显示 展开/收起 按钮
            //autoAdvancedCol: 3,  // 超过指定列数默认折叠
            fieldMapToNumber: [],
            //将表单内时间区域的值映射成 2 个字段 详情见1
            fieldMapToTime: [['createTime',['beginDate','endDate'], 'YYYY-MM-DD']],
            // 修改按钮字样
            submitButtonOptions: {
                text: t('modal.filterText'), //国际化t()   正常直接'filter'
                // onClick: () => filter()
            },
            resetButtonOptions: {
                text: t('modal.resetText'),
                // onClick: () => resetForm()
            }
        },
        striped: true,   // 表格斑马纹
        showActionColumn: false,   //表格操作栏
        //表格操作栏配置
        actionColumn: {
            width: 260,
            fixed: 'right',
        },
        //表格请求发送前操作 可加参数
        beforeFetch(params) {
            params.tradeTypeList = ['Withdrew','Deposit']
        },
    },
    exportConfig: {
        name: 'merchant',
        url: getExportUrl,
    },
    importConfig: {
        url: getImportUrl,
        success: handleSuccess,
    },
});

注：因表格封装，将页数封装在内，直接将表格数据api赋予以上api中，同时表格数据中返回了total总页数，会自动进行分页显示，若数据中未返回total总页数或者total=0，即表格只显示当页,更多可查看useListPage.ts