[Bug] 动画插件,行高为小数时,滚不到最底部
Open
@Rui-Sun is already working on this.
Since Dec 17, 2025.
bug
- Dominant language
- TypeScript
- Stars
- 3.7k
- Forks
- 486
- Avg merge
- 1d 19h
- Merged PRs (30d)
- 16
Description
Version
latest
Link to Minimal Reproduction
vscreen
Steps to Reproduce
本地case:
import * as VTable from '@visactor/vtable';
import { bindDebugTool } from '@visactor/vtable/es/scenegraph/debug-tool';
import { InvertHighlightPlugin, TableCarouselAnimationPlugin } from '../../src';
const CONTAINER_ID = 'vTable';
const generatePersons = count => {
return Array.from(new Array(count)).map((_, i) => ({
id: i + 1,
email1: `${i + 1}@xxx.com`,
name: `小明${i + 1}`,
lastName: '王',
date1: '2022年9月1日',
tel: '000-0000-0000',
sex: i % 2 === 0 ? 'boy' : 'girl',
work: i % 2 === 0 ? 'back-end engineer' + (i + 1) : 'front-end engineer' + (i + 1),
city: 'beijing',
image:
'<svg width="16" height="16" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 10V4H8V38L14 35" stroke="#f5a623" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 44V10H40V44L27 37.7273L14 44Z" fill="#f5a623" stroke="#f5a623" stroke-width="1" stroke-linejoin="round"/></svg>'
}));
};
export function createTable() {
const records = generatePersons(1000);
const columns: VTable.ColumnsDefine = [
{
field: 'image',
title: '行号',
width: 80,
cellType: 'image',
keepAspectRatio: true
},
{
field: 'id',
title: 'ID',
width: 'auto',
minWidth: 50,
sort: true
},
{
field: 'email1',
title: 'email',
width: 200,
sort: true,
style: {
underline: true,
underlineDash: [2, 0],
underlineOffset: 3
}
},
{
title: 'full name',
columns: [
{
field: 'name',
title: 'First Name',
width: 200
},
{
field: 'name',
title: 'Last Name',
width: 200
}
]
},
{
field: 'date1',
title: 'birthday',
width: 200
},
{
field: 'sex',
title: 'sex',
width: 100
}
];
const tca = new TableCarouselAnimationPlugin({
rowCount: 2,
// colCount: 2,
autoPlay: true,
autoPlayDelay: 1000
});
const option: VTable.ListTableConstructorOptions = {
container: document.getElementById(CONTAINER_ID),
records,
columns,
theme: VTable.themes.DARK,
// heightMode: 'adaptive',
select: {
disableSelect: true
},
plugins: [tca],
defaultRowHeight: 34.666666666666664
};
const tableInstance = new VTable.ListTable(option);
window.tableInstance = tableInstance;
bindDebugTool(tableInstance.scenegraph.stage, {
customGrapicKeys: ['col', 'row']
});
}
Current Behavior
Expected Behavior
能滚到最底部
Environment
- OS:
- Browser:
- Framework:
Any additional comments?
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.