Table woes

[odinhb]

Hey. First of all, I would like to say that this is a pretty impressive prototyping application. Thank you for making it and open sourcing it.

I'm trying out Quant-UX for mocking up and prototyping pages in a pretty table-intensive app.

For reference, this is how our tables look.

 And here is a more run-of-the mill table:  And here is a simple one: 

(I know, the visual design is not exactly exciting.)
But I'm having trouble getting tables in Quant-UX to look like that.

If all I wanted to do was wireframing, this would be fine, but then I'd use pen and paper or maybe a simpler application. When trying out Quant-UX I expected to be able to replicate the look and feel of the existing application and it's styles. (I was able to do this for buttons relatively easily.)

I'm also a bit inspired by this article on enterprise tables. I think it should be possible to make all the visual table designs that they enumerate.

Some of these problems make simply wireframing table-heavy designs more difficult as well. (I've marked them 🏁)

So here's a list of table-related enhancements/feature requests/bugs:

• I need to be able to set text/content-alignment per-column (or per-cell).
• I need to set a monospace font for certain columns. (Monetary amounts especially)
• (🏁) I need to be able to set the width of each column manually. Some data is wide, some data is thin. Currently there doesn't seem to be a way to do this other than to fill in wider data or headers in the columns that need it.
• I want finer control over borders in and around the table. Sometimes I want a different border between the headers and the body of the table. Sometimes there are multiple rows of "header" (like with search inputs in the headers). I may want a strong border around the outside of the table, and some weak ones between the columns/rows. I may also want to group 3 columns at a time using stronger borders, while still having borders between every column.
• I need to add footer rows to some tables (summing stuff, for example).
• (🏁) I need to manually resize columns, and have wide but blank columns. (Especially if I have to manually place inputs and the like inside them.)
• (🏁) There doesn't seem to be a way to add more than 10 columns. I'm gonna need more than 10 columns.
• (🏁) Clicking on "values" in the properties panel for a table makes my computer's fan spin up 🔥, and it takes a good second to load the spreadsheet for entering values. It should not be so laggy.
• (🏁) I want to add checkboxes, radio buttons, regular buttons, links, inputs or icons in the cells of tables. Icons and such may even need to be intermixed with text. I can currently do this by adding an empty column and adding these elements on top of the table, but I would like Quant-UX to be aware of them so I can resize the table or change the order of columns without manually realigning these things. It should also help with column width and row height, automatically fitting these elements inside without clipping.
• The 'selectable' feature for tables seems cool but if it could be replaced with something generic, such that I could use checkboxes which look cohesive with the surrounding design, that would be better. We also frequently have a checkbox in the header of the table, which selects/deselects every row at once.
• Zebra striped rows are currently supported by odd/even background/text colors in tables. But we have zebra stripes every 3rd row, which is not currently possible to acheive.

Regarding performance: I'm using a relatively new Intel NUC and the Vivaldi browser (so basically Chromium) and Linux.

And again thank you for making Quant-UX. 🙏

[KlausSchaefers]

Hi,

thanks for submitted the feature request. Let me check what I can do. These are a lot of requirements, so I am not sure how much I can tackle in a reasonable time.

Thanks,

Klaus

[KlausSchaefers]

I added better support for inline editing and also column colors.