dosubot[bot] commented on issue #36419: URL: https://github.com/apache/superset/issues/36419#issuecomment-3610740936
<!-- Answer --> This issue is likely related to how the pivot table plugin calculates and renders merged header columns when there are many columns. The merged header widths are determined by the `colSpan` logic in the React component (`TableRenderer`), and the overall table width is set in CSS to `calc(100% - theme.sizeUnit px)`. If the table's content exceeds this width, merged headers may not visually cover the entire table, especially with wide or many columns. Recent PRs have addressed related header and layout issues, such as fixing column bleed and header alignment with scrollbars, which may help in some cases ([PR #36134](https://github.com/apache/superset/pull/36134), [PR #36190](https://github.com/apache/superset/pull/36190)). If you're still seeing the issue on the latest master, you might experiment with custom CSS to set the table width to `100%` or `auto`, or adjust the overflow handling. The root cause is likely a mismatch between the calculated header spans and the actual rendered table width when there are many columns. <!-- Dosu Comment Footer --> *To reply, just mention [@dosu](https://go.dosu.dev/dosubot).* --- <sup>How did I do? [Good](https://app.dosu.dev/response-feedback/f91026f7-a1d8-48a1-ae4d-a91820b55f94?feedback_type=great_response) | [Irrelevant](https://app.dosu.dev/response-feedback/f91026f7-a1d8-48a1-ae4d-a91820b55f94?feedback_type=irrelevant_answer) | [Incorrect](https://app.dosu.dev/response-feedback/f91026f7-a1d8-48a1-ae4d-a91820b55f94?feedback_type=incorrect_sources) | [Verbose](https://app.dosu.dev/response-feedback/f91026f7-a1d8-48a1-ae4d-a91820b55f94?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/f91026f7-a1d8-48a1-ae4d-a91820b55f94?feedback_type=hallucination) | [Report 🐛](https://app.dosu.dev/response-feedback/f91026f7-a1d8-48a1-ae4d-a91820b55f94?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/f91026f7-a1d8-48a1-ae4d-a91820b55f94?feedback_type=other)</sup> [](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github) [](https://cursor.com/link/prompt?text=This%20issue%20is%20likely%20related%20to%20how%20the%20pivot%20table%20plugin%20calculates%20and%20renders%20merged%20header%20columns%20when%20there%20are%20many%20columns.%20The%20merged%20header%20widths%20are%20determined%20by%20the%20%60colSpan%60%20logic%20in%20the%20React%20component%20%28%60TableRenderer%60%29%2C%20and%20the%20overall%20table%20width%20is%20set%20in%20CSS%20to%20%60calc%28100%25%20-%20theme.sizeUnit%20px%29%60.%20If%20the%20table%27s%20content%20exceeds%20this%20width%2C%20merged%20headers%20may%20not%20visually%20cover%20the%20entire%20table%2C%20especially%20with%20wide%20or%20many%20columns.%20Recent%20PRs%20have%20addressed%20related%20header%20and%20layout%20issues%2C%20such%20as%20fixing%20column%20bleed%20and%20head er%20alignment%20with%20scrollbars%2C%20which%20may%20help%20in%20some%20cases%20%28%5BPR%20%2336134%5D%28https%3A//github.com/apache/superset/pull/36134%29%2C%20%5BPR%20%2336190%5D%28https%3A//github.com/apache/superset/pull/36190%29%29.%0A%0AIf%20you%27re%20still%20seeing%20the%20issue%20on%20the%20latest%20master%2C%20you%20might%20experiment%20with%20custom%20CSS%20to%20set%20the%20table%20width%20to%20%60100%25%60%20or%20%60auto%60%2C%20or%20adjust%20the%20overflow%20handling.%20The%20root%20cause%20is%20likely%20a%20mismatch%20between%20the%20calculated%20header%20spans%20and%20the%20actual%20rendered%20table%20width%20when%20there%20are%20many%20columns.) [](https://go.dosu.dev/discord-bot) [](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset /issues/36419) -- 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]
