VisActor
[Bug] 增加表头序号后，列比较多时候，滚动横向滚动条，数据错乱
Version
1.0.0
Link to Minimal Reproduction
没有
Steps to Reproduce
1、设置序号rowSeriesNumber； 2、增加列 signalColumns 到100以上； 3、拖动横向滚动条进行滚动 4、出现数据错位
Current Behavior
1、设置序号rowSeriesNumber；
2、增加列 signalColumns 到100以上；
3、拖动横向滚动条进行滚动
4、出现数据错位
Expected Behavior
1、设置序号rowSeriesNumber； 2、增加列 signalColumns 到100以上； 3、拖动横向滚动条进行滚动 4、不会出现数据错位
Environment
- OS:
- Browser:
- Framework:
-react + vscode
Any additional comments?
No response
let tableInstance;
fetch('https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/North_American_Superstore_data.json')
.then((res) => res.json())
.then((data) => {
const newSignalColumns = new Array(150).fill(null).map((_, index) => {
return {
field: site${index + 1},
title: Site ${index + 1},
width: 'auto',
editor: 'site-input-editor',
};
});
const columns =[
{
"field": "Order ID",
"title": "Order ID",
"width": "auto"
},
{
"field": "Customer ID",
"title": "Customer ID",
"width": "auto"
},
{
"field": "Product Name",
"title": "Product Name",
"width": "auto"
},
{
"field": "Category",
"title": "Category",
"width": "auto"
},
{
"field": "Sub-Category",
"title": "Sub-Category",
"width": "auto"
},
{
"field": "Region",
"title": "Region",
"width": "auto"
},
{
"field": "City",
"title": "City",
"width": "auto"
},
{
"field": "Order Date",
"title": "Order Date",
"width": "auto"
},
{
"field": "Quantity",
"title": "Quantity",
"width": "auto"
},
{
"field": "Sales",
"title": "Sales",
"width": "auto"
},
{
"field": "Profit",
"title": "Profit",
"width": "auto"
},
...newSignalColumns,
];
const option = { records:data, columns, widthMode:'standard', rowSeriesNumber:{ title: '序号', width: 'auto', } }; tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option); window['tableInstance'] = tableInstance; })
然后托动横向滚动条到最右边，然后再把滚动条拖回来，观察table的变化