VisActor / VisActor/VTable

[Bug] react 的 ListTable 组件配置 tooltip 不生效

Open
#3,285 2 comments 0 reactions 1 assignee View on GitHub

@Rui-Sun is already working on this.

Since Jan 9, 2025.

bug
Dominant language
TypeScript
Stars
3.7k
Forks
486
Avg merge
1d 19h
Merged PRs (30d)
16

Description

Version

1.11.0

Link to Minimal Reproduction

https://codesandbox.io/p/sandbox/7y5vyl

Steps to Reproduce

// import * as ReactVTable from '@visactor/react-vtable';
const option = {
columns: [
{
field: '0',
title: 'name'
},
{
field: '1',
title: 'age'
},
{
field: '2',
title: 'gender'
},
{
field: '3',
title: 'hobby'
}
],
records: new Array(1000).fill(['John', 18, 'malemalemalemale', '🏀'])
};

const root = ReactDom.createRoot(document.getElementById(CONTAINER_ID));
root.render(<ReactVTable.ListTable option={option} height={'500px'} tooltip={{
renderMode: 'html',
isShowOverflowTextTooltip: true
}} />);

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

Current Behavior

单元格溢出没显示 tooltip

Expected Behavior

单元格溢出显示 tooltip

Environment
- OS: macos
- Browser: chrome
- Framework: react
Any additional comments?

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.