Is it possible to make two tables scroll horizontally in sync with one another?

I am attempting to recreate the top portion of a spreadsheet that looks like this:

I'm getting close if I can make two tables scroll in sync with each other. Does anyone happen to know if this is possible? Or, if anyone know of a better to recreate this, I'm all ears.

Thanks.

This really depends on your design and what you are trying to accomplish. Off hand, I don't know of way to make two tables scroll together and so maybe explaining your goals might help the forum help you! :slight_smile:

As you can see from the image I uploaded, the date row at the top has cells that stretch across four columns, then you have the four columns which are Serial, Color, Add-ons and Proj Date. then there is another column that contains the number of products built for the day and it also stretches across four columns.

To accommodate this, I was thinking of having one table at the top that had the dates, then a separate table underneath that with the data that contained the four columns of Serial, Color, Add-Ons and Proj Date. Both tables would stretch for quite a distance horizontally. The problem is that they won't scroll together so when you scroll one table, it is no longer in sync with the other table.

I thought using stack containers might do the trick, but apparently, they will not scroll indefinitely horizontally.

I hope that makes some sense.

@tomm
Yes, I did. But I guess what I am asking is what is the goal? Is the table actionable or just a view?
If it's just a view, you may want to consider a different type of design.

Hopefully this screenshot will help to answer your question.

The table will need to actionable so users can enter more records or delete records, etc.

This was as far as I got before realizing the stack was not going to allow for horizontal scrolling.

Have you considered using a custom component?

That would be great, but unfortunately, I don't know the first thing about building a custom component.

Hey @tomm :wave:

I agree a custom component might be the best choice. Do you know React? We have some documentation on building custom components.