Editable Tables plugin (edit tables without code)

I had already shown a work in progress of a procedure destined to create editable tables at some point in the past. I’ve kept working on it since then.
After copy-pasting and manually updating each component of my Editable Tables set of macros into a new project one too many time, I decided to pack it in an easier to manage form and made a plugin out of it.

The objective was to have tables that could be designed and edited by a final user with 0 knowledge about either HTML code or TiddlyWiki’s own formatting.

here is an example of what it can create :

I plan to refactor it in a more elegant form at some point, and also add more customization options, but it work fine already…
It allow you to create any number of distinct tables in any tiddler, choose their titles (and if this title should be displayed) as well as the layout and color of their headers, before writing-down the content of each cells.

I’ve put a demo and a download on TiddlyHost, in case it could be useful to someone else too.

PS : in truth, they are not tables, they are html grids styled to look like tables… sorry I lied :sweat_smile:

3 Likes

Thank you very much for sharing this plugin @TankinatorFR
I have had a liitle play with this and would like to ask a question regarding the table formatting.
Is there an easy way to control the grid styles in order to control the width of the columns for each row in the table?

I have attached an example Parts List Template.json (706 Bytes) to show what I mean.

Thanks Sunny

No, not for now.
Only the background color can be customized for now. In fact I added it to test the implementation of such customization.
So I do plan to add more options to style your table.
The first one should be a space for custom CSS that could be a solution for you.
I hope to work on it before the end of this week, but I make no promise.
Then, more true UI options, and setting the dimension is definitely something I would like to get working.

Thanks for your reply, I really like your plugin.
I am not competent enough with css, css-grid etc. to solve the issue myself.
I know you can use auto-columns etc and define width of each column etc

I look forward to seeing your further modifications
Thanks again