VTable icon indicating copy to clipboard operation
VTable copied to clipboard

[Bug] 最后一列固定时, dropdown显示位置有问题

Open zhiaiing opened this issue 10 months ago • 1 comments

Version

1.17.1

Link to Minimal Reproduction

https://visactor.io/vtable/demo-react/component/menu

Steps to Reproduce

代码如下: const records = new Array(1000).fill(['John', 18, 'male', '🏀']);

const root = ReactDom.createRoot(document.getElementById(CONTAINER_ID)); root.render( <ReactVTable.ListTable records={records} height={'500px'} rightFrozenColCount={1} onDropdownMenuClick={args => { console.log('onDropdownMenuClick', args); }}

<ReactVTable.ListColumn field={'0'} title={'name'} />
<ReactVTable.ListColumn field={'1'} title={'age'} />
<ReactVTable.ListColumn field={'2'} title={'gender'} />
<ReactVTable.ListColumn field={'3'} title={'hobby'} />
<ReactVTable.Menu
  renderMode={'html'}
  defaultHeaderMenuItems={['header menu 1', 'header menu 2']}
  contextMenuItems={['context menu 1', 'context menu 2']}
/>

</ReactVTable.ListTable> );

// release openinula instance, do not copy window.customRelease = () => { root.unmount(); };

点击最后一列表头下拉icon, dropdown的位置不对

Image

Current Behavior

表格未撑满内内容区时, 最后一列为固定列时, dropdown显示位置有问题

Expected Behavior

dropdown显示位置正常

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

zhiaiing avatar Mar 11 '25 08:03 zhiaiing

感谢你的反馈! 如果有开发者对这个 issue 感兴趣,请在issue下方留言“认领该issue”,留言后开始你的创作提pr给我们! 欢迎大家参与开源共建!我们非常感激每一位贡献者,提交pr后我们将为参与共建的开发者准备一份礼品。 参与共建可参考:https://visactor.io/vtable/guide/Contribution_Guide 与官方开发者交流问题可以下载飞书app扫码加入飞书群: 飞书20241029-170312 再次感谢你的支持!

Thank you for your feedback! We have received your question and will deal with it later. If any developer is interested in this issue, please leave a message "claim this issue" below the issue. Welcome to participate in open source co-construction! We are very grateful to every contributor. After submitting the PR, we will prepare a gift for the developers who participated in the co-construction. For participation in co-construction, please refer to: https://visactor.io/vtable/guide/Contribution_Guide To communicate with official developers, you can download the Feishu app and scan the QR code to join the Feishu group! Thank you again for your support!

fangsmile avatar Mar 12 '25 02:03 fangsmile