Krush1019 opened a new issue, #43383: URL: https://github.com/apache/superset/issues/43383
### Bug description ## Bug description In the **Drill to detail** modal, column headers are misaligned with their corresponding data cells. Some headers also appear truncated or incomplete, while the row values underneath still render correctly. This makes it hard to match a header to the values in that column, especially when there are many columns or when scrolling horizontally. ## Expected behavior - Each column header lines up with its data column - Header labels remain readable (or are clearly truncated with a tooltip) - Headers stay in sync with the body when scrolling vertically or horizontally ## Actual behavior - Headers are visually offset from the body cells - Some header text looks cut off or not shown properly - Row data still displays correctly ## Where it happens - **Feature:** Drill to detail (chart context menu / “Drill to detail”) - **Component:** Virtualized table in the drill modal (`VirtualTable` from `@superset-ui/core`), used by `DrillDetailPane` - **Not the same as:** Table chart sticky-header misalignment (`plugin-chart-table` / `useSticky`), which was addressed in PRs like #36190, #36891, and #42573 ## Suspected cause Drill to detail uses a virtualized table (Ant Design header + `react-window` body) with fixed column widths (e.g. `150px`) and header ellipsis. Header and body width/scroll handling can get out of sync (especially when a vertical scrollbar is present), so headers and cells no longer align. Long labels are also clipped by `text-overflow: ellipsis`. ## How to reproduce 1. Open a dashboard or Explore view with a chart that supports Drill to detail 2. Right-click a data point (or use the chart menu) → **Drill to detail** 3. In the modal table, compare column headers to the cells below 4. Optionally scroll horizontally / vertically if many columns or rows are present 5. Observe misalignment and/or truncated headers while cell values still look correct ## Environment - Superset version: 6.1.x / latest-dev - Browser: Chrome - OS: Linux ## Additional context Cherry-picking table-chart sticky-header fixes (e.g. #42573) does **not** resolve this, because Drill to detail does not use `plugin-chart-table`’s `useSticky` path. ## Screenshots <img width="1915" height="818" alt="Image" src="https://github.com/user-attachments/assets/b32f7198-06a7-483d-8ae0-dfbc048f02a8"; /> ### Screenshots/recordings _No response_ ### Superset version 6.1.0 ### Python version 3.12 ### Node version 18 or greater ### Browser Chrome ### Additional context _No response_ ### Checklist - [x] I have searched Superset docs and Slack and didn't find a solution to my problem. - [ ] I have searched the GitHub issue tracker and didn't find a similar bug report. - [ ] I have checked Superset's logs for errors and if I found a relevant Python stacktrace, I included it here as text in the "additional context" section. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
