Skip to content

[Bug]: Column Overflow Issue in Fixed Column Table #1272

Open
@hoahai

Description

@hoahai

Is there an existing issue for this?

  • I have searched the existing issues

Current Behavior

In a table with fixed columns, when scrolling horizontally, text from other columns overlays on top of the fixed columns, causing readability issues. Additionally, applying background color to rows solves the overlay issue for the row contents but does not affect the header. The background color fix for rows also fails when a row is selected or hovered.

Current Behavior

  • Text from scrollable columns overlays on fixed columns.
  • Row background workaround fails to apply to the header and does not work reliably on row selection or hover.
image

Expected Behavior

  • Fixed columns should retain a consistent background that prevents text overlay from scrollable columns.
  • Background color should apply to both rows and header consistently, regardless of selection or hover states.

Steps to reproduce

  1. Create a table with fixed columns and some scrollable columns.
  2. Add data with both active and inactive states to observe background color application.
  3. Scroll horizontally to observe the overlay issue.

Environment

OS: MacOs
Browser: Google Chrome

Additional Information

No response

Metadata

Metadata

Assignees

Labels

ComponentsDedicated to Frontend Visual ComponentsJavascript FrontendPull requests that update Javascript code

Type

Projects

Status

🆕 New

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions