Skip to main content
Question

Complex table prototype: scrolling sideways and lengthways with fixed heads

  • April 12, 2023
  • 1 reply
  • 879 views

Diane_Broadley

I have to try to prototype a large table that will have fixed columns heads and fixed side headings while the table reduces in width. The table content will need to scroll sideways and lengthways with the headings fixed and showing.

Can I do this in one presentation or would it have to be two - one for length way scroll and one for width ways scroll please?

This topic has been closed for comments

1 reply

Marissa_R
  • 3 replies
  • September 27, 2023

This is so frustrating. I am one step away from being able to prototype a table with both a sticky column and a sticker header row while keeping the labels aligned with the content. Right header labels are either not sticky or not aligned with content when scrolling.

These two mocks are as close as you can get with Figma’s options:

Right header labels are not sticky: https://www.figma.com/proto/W9cpHk7RLzaciwgSI4HTtE/Table-Scrolling-with-stick-column-and-header?page-id=0%3A1&type=design&node-id=201-2989&viewport=414%2C-493%2C0.56&t=rTisAUT1Zd2jpOSz-1&scaling=min-zoom&mode=design

Right header labels not aligned with content when scrolling:

Figma – 27 Sep 23

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings