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!
Here we are March 2018 and still no update on a table feature? Still can't vote this up. Well this is a waste of time.
I have a project with lots of tables. It's very disappointing to see this isn't a feature in XD as it's now my go-to app for wireframes. I may have to go pay for Axure... crap.
Really disappointed that numbered and bulleted lists have not been added to the text controls for XD. These are basic functions of designing web-based content.
Repeat grid is clearly not enough like a table. I need my tables to automatically expand with the data that I put into them.
Likewise for lists, auto-numbering and paragraphs are missing in repeat grids.
Sian Brooks commented
Definitely need a table feature, it's such a common element. How InDesign's version works is great
I'm also looking for a 'tabular data element ' in XD (insert table).
Creating column based lists by aligning individual text areas is not sufficient.
No its a PITA. Need a bit more options for common web objects so we can do left and right borders but not top and bottom, or vis a versa.
Why can I not vote this up? It appears the Action-Required and Feature Needs More Info have been answered.
Tables and lists, yes PLEASE. Frustrating dealing with data in Photoshop and Illustrator. So much time is wasted creating mockups/prototypes that require table data. REALLY wish XD had the ability to do tables.
Glen has a good summary of what is needed here. Where Repeat grid breaks down is when i have columns of different sizes, or rows that extend to different sizes due to the data that is in those particular spaces.
For data rich/dense applications tables are absolutely necessary. If you are looking for guidance InDesign has a great starting place here.
Glen Lipka commented
Table requirements that are not easy using repeat grid:
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
Except for #10, all of this has been a feature of Microsoft PowerPoint for about 20 years. We don't want a weird repeat grid feature. We want a first class table.
Ethan Danstrom commented
Repeat Grid is a clunky work around, and using JSON to fill the table misses the point of doing rapid visual prototyping. We need a table for tabular data. The table builder in Indesign is one of the best i have used...please bring a version of that to this tool.
The problem with the repeat grid is you would have to draw out each cell in a table row and then repeat it. A proper table tool should allow you to create an table of information and then apply things such as borders, padding, spacing, background colors and the other types of CSS styling that is available.
By having all these controls on a table element it allows you, as the designer, to quickly change elements such as padding, borders etc until you get the style of table that you are looking for. These settings would then reflect those that you would use when coding the page.
Also agree. It's a basic requirement for mocking up data, which is often displayed in tables. The grid tool is totally different to this.
Vicente d'Avila Melo Sarmento commented
Use JSON to fill table with data.
Tim Rice commented
I think the grid control is a good start, but while it has similar properties to a table, they are not the same thing. A table should inherit a lot of the grid functionality, but provide additional properties such as...
* Header Rows,
* Divider Rows,
* Footer Rows,
* Column Styling
I currently have to add these separately from the grids in order to use the repeating capabilities. Honestly, a lot of these will be easier to incorporate once you implement character, paragraph and object styling because you could have a table component that inherits both grid and styling aspects.
Alejandro Pérez commented
Alan Jones commented
I completely agree that the lack of a table tool is a problem. Especially if you're mocking up interfaces that displays tabular data.
Look to LucidCharts table method. Not only will it allow you to dictate the number of rows and columns, but change individual column widths and row heights. It will also allow you to pasted tabular data from a spreadsheet.
So far, that's the one thing it does better. I suppose I could build in Illustrator and copy it over, but that's still rather cumbersome.
Repeat-grid is not perfect for tables especially when you need to increase the width or the hight of the whole table. With repeat grid you need to increase the size of cells and then readjust the spacing between them, there is an issue with that as well - if you need the cell borders be the same thickness you need to overlap them (-1 space) but when I used 0.5 border it was not working even on -1 spacing.
If I'm missing something on repeat grip functionalities, will be glad to hear from you. Thanks
I agree COMPLETELY with Natangenz here.