jeecgboot BasicTable 合计行横向双滚动条 垂直滚动条

ant-design-vue: ^3.2.20// 列表页面公共参数、方法const {prefixCls,onExportXls,onImportXls,tableContext,doRequest} useListPage({tableProps: {title: 人力成本,api: getList,columns: columns,showIndexColumn: true, //序号列striped: true, //斑马纹设置formConfig: {schemas: searchFormSchema,showAdvancedButton: false, //是否显示收起展开按钮labelWidth: 60,},showActionColumn: true,actionColumn: { //操作列配置width: 160,fixed: right,},//自定义默认排序defSort: {column: parentId,departId,order: asc,},showSummary: true, // 显示底部合计summaryFunc: onSummary, // 底部合计计算方法canResize: false, //是否可以自适应高度scroll: {//合计行两个滚动条css隐藏一个x: max-content,y: calc(100vh - 400px)}},exportConfig: {name: 人力成本列表,url: getExportUrl,},importConfig: {url: getImportUrl,},});style langless scoped//合计行样式:deep(.ant-table-footer) {.ant-table-tbody {font-weight: bold;}}//双滚动条隐藏一个:deep(.ant-table-footer .ant-table-body) {overflow: hidden !important;}/stylefunction handleSummary() {const { showSummary } unref(propsRef);if (!showSummary || unref(getIsEmptyData)) return;nextTick(() {const tableEl unref(tableElRef);if (!tableEl) return;// const bodyDom tableEl.$el.querySelector(.ant-table-content);const bodyDom tableEl.$el.querySelector(.ant-table-body);useEventListener({el: bodyDom,name: scroll,listener: () {// const footerBodyDom tableEl.$el.querySelector(.ant-table-footer .ant-table-content) as HTMLDivElement;const footerBodyDom tableEl.$el.querySelector(.ant-table-footer .ant-table-body) as HTMLDivElement;if (!footerBodyDom || !bodyDom) return;footerBodyDom.scrollLeft bodyDom.scrollLeft;},wait: 0,options: true,});});}return { getFooterProps };}