Shubhagata3499 commented on issue #36370: URL: https://github.com/apache/superset/issues/36370#issuecomment-3630839443
Hi! I would like to work on this issue and submit a fix. This appears to be a frontend UI alignment problem where the table header and body cells lose synchronization when scrolling horizontally. To address this, here is the approach I plan to take: Proposed Steps to Fix the Issue 1. Reproduce the bug locally by rendering a wide table and scrolling horizontally to confirm where the header/body misalignment occurs. 2. Inspect the DOM structure of the table component in superset-frontend and identify which elements control the column widths for the header and body. 3. check for inconsistent width handling, such as: 4. Different CSS rules applied to header vs body cells 5. Flex/grid behavior 6. Mismatch in column auto-sizing or min-width logic 7. Align the width calculation logic so that both header cells and data cells share the same size constraints or scroll-container behavior. 8. Test with different languages, especially those with wider characters (as shown in the screenshot), to ensure alignment remains stable. 9. Verify responsiveness by testing on Chrome and other major browsers. 10. Run frontend tests and lint checks (npm run test, npm run lint) before submitting a PR. If this approach looks good, could you please assign the issue to me? Thank you! -- 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]
