The header names in the Data Explorer's Data Table are overlapping.
- Dominant language
- TypeScript
- Stars
- 481
- Forks
- 108
- Avg merge
- 6d 8h
- Merged PRs (30d)
- 5
Description
## Description
The header names in the Data Explorer's Data Table are overlapping.
## Environment
- OS: Image from "public.ecr.aws/neptune/graph-explorer:latest"
- Browser: Google Chrome 150.0.7871.189, Microsoft Edge for Business 151.0.4129.59
- Graph Explorer Version: 3.2.1
- Graph Database & Version: Amazon Neptune 1.4.8.0
## Steps to Reproduce
1. Go to 'Data Table'
2. Resize the table header.
3. See that header names are overlapping.
## Expected Behavior
When header names overlap, they should be truncated with an ellipsis (...) and display the full name on hover.
---
> [!IMPORTANT]
> If you are interested in working on this issue, please leave a comment.
> [!TIP]
> Please use a 👍 reaction to provide a +1/vote. This helps the community and maintainers prioritize this request.
Contributor guide
Research direction
Start at the Data Explorer's Data Table and reproduce the issue by resizing a header in Chrome or Edge. Trace the table header implementation and verify that long names no longer overlap, are truncated with an ellipsis, and reveal the full name on hover.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100