VisActor
[Bug]冻结列数据后 导出excel表格，出现滚动问题
Version
1.60
Link to Minimal Reproduction
暂无，本地运行
Steps to Reproduce
导出excel数据表
Current Behavior
[Bug]冻结列数据后 导出excel表格，出现滚动问题，拖动右下滚动条，多余的数据则会在图的左侧小部分区域滚动
Expected Behavior
希望多出的数据，能正常滚动
Environment
- OS:win11
- Browser:edge
- Framework:electron
Any additional comments?
No response
就是你们官方的例子，也会出现这种问题， let tableInstance; fetch('https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/North_American_Superstore_Pivot_data.json') .then(res => res.json()) .then(data => { const option = { records: data, rows: [ { dimensionKey: 'City', title: 'City', headerStyle: { textStick: true }, width: 'auto' } ], columns: [ { dimensionKey: 'Category', title: 'Category', headerStyle: { textStick: true }, width: 'auto' } ], indicators: [ { indicatorKey: 'Quantity', title: 'Quantity', width: 'auto', showSort: false, headerStyle: { fontWeight: 'normal' }, style: { padding: [16, 28, 16, 28], color(args) { if (args.dataValue >= 0) return '#000000'; return 'red'; } } }, { indicatorKey: 'Sales', title: 'Sales', width: 'auto', showSort: false, headerStyle: { fontWeight: 'normal' }, format: rec => { return '$' + Number(rec).toFixed(2); }, style: { padding: [16, 28, 16, 28], color(args) { if (args.dataValue >= 0) return '#000000'; return 'red'; } } }, { indicatorKey: 'Profit', title: 'Profit', width: 'auto', showSort: false, headerStyle: { fontWeight: 'normal' }, format: rec => { return '$' + Number(rec).toFixed(2); }, style: { padding: [16, 28, 16, 28], color(args) { if (args.dataValue >= 0) return '#000000'; return 'red'; } } } ], corner: { titleOnDimension: 'row', headerStyle: { textStick: true } }, dataConfig: { sortRules: [ { sortField: 'Category', sortBy: ['Office Supplies', 'Technology', 'Furniture'] } ] }, widthMode: 'standard' }; tableInstance = new VTable.PivotTable(document.getElementById(CONTAINER_ID), option); window['tableInstance'] = tableInstance;
bindExport();
});
function bindExport() { let exportContainer = document.getElementById('export-buttom'); if (exportContainer) { exportContainer.parentElement.removeChild(exportContainer); }
exportContainer = document.createElement('div'); exportContainer.id = 'export-buttom'; exportContainer.style.position = 'absolute'; exportContainer.style.bottom = '0'; exportContainer.style.right = '0';
window['tableInstance'].getContainer().appendChild(exportContainer);
const exportCsvButton = document.createElement('button'); exportCsvButton.innerHTML = 'CSV-export'; const exportExcelButton = document.createElement('button'); exportExcelButton.innerHTML = 'Excel-export'; exportContainer.appendChild(exportCsvButton); exportContainer.appendChild(exportExcelButton);
exportCsvButton.addEventListener('click', () => { if (window.tableInstance) { downloadCsv(exportVTableToCsv(window.tableInstance), 'export'); } });
exportExcelButton.addEventListener('click', async () => { if (window.tableInstance) { downloadExcel(await exportVTableToExcel(window.tableInstance), 'export'); } }); }
请提供一下复现option
