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!
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.
Grid is wonderful, but not enough. It is complicated to create simple table (rows and columns) with it, thus columns may have different width (which may depend on text width).
It would be nice to have plain and simple instrument, where you first enter number of columns, then rows, and then a table appears in the artboard, which is possible to move, change size, change number of rows/columns, and their width/height. Also, enter data, of course, and add/hide borders and fill.