Lists and Tables
What I am missing while designing for the web with PS or AI is, the possibility to create lists (ordered or unordered) or tables or other stuff, that is possible with html/css.
If repeat grid doesn’t suffice, we’d love to hear about what you’d like to see. Please fee free to file another request or upvote one of our suggestions in the database!
UX Designer commented
There's a thread with additional votes on this but no Adobe response here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/32348212-data-grid-table-component-with-core-functionality
I echo what's said in both places, table styles and the ability to import data into tables with cell, header and subheader styles that allow for varying row and column sizes alternating row or column colors, different borders, etc... are very much needed. As it is, I have to create a component for every slight variation of our tables and then I have to enter the cell data manually.
Ruth Ivimey-Cook commented
Thoroughly agree with comments. XD needs more work on basic features like this.
Elaine: if "action required" means you are waiting for community to respond, please revise that!
I feel there are absolutely enough suggestions on this thread to make a workable feature without further community input. For my part:
- Excel import
- What Ash said (18Jul)
- Something akin to MS Word's pre-canned Table style templates -- as a starting point for further interaction.
It's absurd that XD doesn't provide this; so much so that I feel there must be an agenda behind it's lack of implementation.
To reiterate the basic table functionality desired as described by another bemused user OVER TWO YEARS AGO:
1. Resize columns (and the rest of the table follows suit
2. Reorder columns
3. Individual Cell styling (for a selected row or cell)
4. Cut/Paste from Excel into the cells
5. Quickly make a table of X by Y cells (in under 3 seconds)
6. Update padding, spacing, borders, coloring of the whole table at once, text follows sizing
7. Edit footer and header rows
8. Saved quick styles of a table
9. Fit to group - so if I make the group bigger, the table scales properly
10. Data pulled from external source (JSON or other) - this is bonus
Let's have some sort of constructive, responsive reply please, admins.
I think that Mockplus does this well. You select the table component from the library and drag it on the canvas. It shows a basic excel-like table. You can then change the width/height of any cell, it's background-color and typography. Pair this with a scrolling area box and you have the capability to mimic fixed columns/rows (another thing Mockplus does well).
If I had these two features it's game over - XD would legit be top dog of the UI design game. I work on designing enterprise applications so data tables and data visualization is an everyday consideration.
Not every bullet point has the same amount of text. I haven't yet figured out how to easily change the position of the grid element when the amount of text in the bullet point changes in the repeat grid I'm working on. Am I missing an instruction somewhere? And how hard should it be to create bullet points? With HTML it is one of the easiest things to do! It seems like repeat grid lists only work for lists of identical elements, which bullet points are more often not identical. Thanks.
Build it. Port over InDesign's Table Tool.
Enterprise UX/UI designers needed this TWO YEARS AGO.
Craig Clark commented
I'd like to see lists and tables. Repeat grids are great if I have block elements that need to be repeated. However, it's only really useful if those blocks are all the same size.
When prototyping, I use real content to show clients. XD has very poor typography control. So I try to emulate with a repeat grid. This doesn't work if the text in my list is different lengths (sample attached). In this case, it's not a big deal, but if I had a lot of items to work with, it would be time-consuming.
This is ridiculous. Having the ability to drop in tables shouldn't be a Feature Request. It should have been part of the first release! Repeat grid is no solution.
Step back from the buzzy "nice to have" features and create a proper tables tool w/ability to import from Excel.
Is there any update to this?
Leonard Madarang commented
I am another user that would greatly benefit from table functionality.
Well, aren't we all glad that with the subscription model, new features can be implemented quickly. Right. One gets the impression that the designers working on XD have not worked in enterprise software situations where data tables are core to the interface. Repeat grid really assumes a particular type of user: building consumer apps heavy on visual presentation of products and messaging.
It's been going on THREE YEARS since Adobe said they wanted to hear about needs beyond repeat grid. Once again, customer requests are ignored.
Repeat grid doesn't come close. Strongly agree with so many of these comments. Need to be able to control column widths, justification etc at atomic level. Import from Excel would be ideal. I design fintech software, very table intensive, XD poor support for tables prevents me from dumping Axure.
Herb Lichtenberg commented
I built a plugin for XD that creates a table and fills in data with it. You can customize the header and table column width, column heights, fill colors, stroke colors, font colors, and font sizes. It uses a csv file with all of the details about the grid and in the same file the comma separated data has the header text and table body text as well. It's pretty rough but it gets the job done. Let me know if this is something you folks are interested in. I can also consult with you or your company to customize off of what I've built as well.
I am doing a UI which is incredibly data-driven, and as such there are a LOT (and I mean A LOT!) of data tables.
It would be great if there were a table tool, with a Properties Panel, that controlled number of rows & columns, cell properties, alternate row color, column headers, corner radius... and all the other trimmings and trappings of a good table manager.
Repeat grid is good for tiling objects, but not good at all for tables.
It would be nice to populate data from a spreadsheet.
Shiva Nikku commented
Working with tables is very challenging in XD, needs to introduce this features as early as.
Terence Waters commented
Repeat Grid works, but it is crazy cumbersome and time-consuming. Creating boxes for the table, resizing, then repeat drag to work?
Why can't a table function just exist so I can style it how I want once and be done with it? Too many clicks for a simple feature.
Armando Scuro commented
Since often i find myself designing portal UI which needs tables. I would like a table tool that allows me to add and remove columns or rows on the fly from property panel. maybe even option to select type of cell, image/icon or text cell.
currently designing tables is a nightmare in case i need to remove a column or row as I will have to resize many elements and think about spacing a lot if im trying to make it pixel perfect. with responsive resize it has become easier. but not 100% there
Katie Pandey commented
Need to have excel style columns & row for lists along with all the style options including adding in box icons from fontawesome. I can't vote either. Please fix this asap.
Lesley Cutts commented
Id like to be able to populate my grid from a spreadsheet.