How to create a Scrollable Table using Component in Adobe XD?

Report · Feb 08, 2023

Does Anybody created a Scrollable table using Component ? so Eatch table can be scrolled individually

Issue with : creating the using the Auto Animate is that when you scroll 1 table it scrolls all the tables

I think Adobe XD Team should introduce Tables OR Some way to make Individual tables inside Adobe XD not using Some Plugin.

Report · Feb 15, 2023

Hi @Dk19379,

We are sorry for the delay in response. Yes, you can achieve the functionality. However, it requires a bit of manual work and cannot be achieved using Auto Animate alone.

One way to achieve this is by creating each table row as a separate component and then placing them inside a larger component that represents the table. Then, you can group all of the table components and apply scrolling to the group.
To ensure that each table can be scrolled individually, you can set the scrolling property of each table component to "vertical scroll" and adjust the height of each table component so that it fits within the group container.
Another option is to use the Repeat Grid feature in Adobe XD to create a table. While this feature is designed to repeat elements horizontally or vertically, it can be used to create tables as well. You can then group the Repeat Grid and apply scrolling to the group.

I hope it helps, and I am also keeping the discussion open for our experts, who might have more suggestions for you.

Thanks,

Harshika

Report · Feb 28, 2023

Hi @Dk19379,

Hope you're doing well!

We would like to follow up on your issue. Are you able to resolve the issue? Please feel free to reach out to us in the future for any query related to XD.

We would be happy to help.

Thanks,

Harshika