Sticky Columns on Table Component


Topic: Sticky Columns on Table Component

sofgesa pro premium priority asked 7 months ago

Is it possible in the Table component (Not DataTable) to indicate the number of columns that should be sticky?

I'm aware that this is a feature in the DataTable, but I couldn't find how to do the same with Table.

Currently I'm working with a table that has many columns and should keep some columns on the left when scrolling horizontally.

The project uses Next 14.1.0 (Pages Router) and React 18.2.0.


Mateusz Lazaru staff commented 7 months ago

Unfortunately, the Table component doesn't have such an option. It is likely achievable with some extra CSS styles. Maybe you'll find this snippet helpful: https://codepen.io/vigneshdv/pen/EgYXpR


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: MDB5 7.2.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No