[TW5] Editable Table plugin.

1,637 views
Skip to first unread message

Danielo Rodríguez

unread,
Apr 10, 2014, 3:37:11 AM4/10/14
to tiddl...@googlegroups.com
Ok this is not actually a plugin, but I think it is usable enough. You can try it and see it at http://braintest.tiddlyspot.com/. Search for Inline editable tables. Here is the main description:

The ability to edit tables in view mode has been very demanded since TW5 came out. Maybe This is not as easy as many people would like to but it demonstrates how powerful and flexible TW5 can be.

First of all, the list of needed tiddlers. Drag and drop all of them to your TW window.

If you already have the newTiddler widget from (tiddlystuffyou have to update to this version. This version has been modified by me to add some features such clearing the temporary tiddlers and defining tags without using a skeleton. This makes the process of creating new tables easier. This edition should be retro compatible but make a backup first.

How to use it

Creating a new table

Ok, this is the worst part of all the process.

  1. You have to clone the Editable-Table tiddler and name it however you want.
  2. Fulfill the fields of your new table tiddler to fit your needs. Here is what each field is for:
    • table-headers: The name is self explanatory
    • table-fields: this should be lower case and different from the table headers names. Take the Editable-Table as an example. You can use the same names to table-headers with the first letter in uppercase. This fields are those you will be able to edit.
    • filter-tag: Since each table row is going to be a single tiddler you have to use a tag to group them all. Type here that tag name
    • sort-field: Which table field you want to use as order index. This will be easier when TW 5.0.9 comes out. Just clicking in table headers will order the table with that field.
  3. Save the tiddler.

Using the table.


At this point to can start using the table as a standalone tiddler if you want, as a contacts database or whatever.

You can transclude it to other too tiddlers if you want, but PLEASE read the section below.

Adding rows


You can add a new entry filling the first's row cells and clicking the plus button. The table will create a new entry with the provided data. You don't have to fulfill all the fields. Only the table title is mandatory.

Editign rows

Clicking  will enable the edit mode of that row. Here you can edit all the columns except the first one. This is because the first one is the tiddler title and can't be edited this way. You can always open the tiddler which tat row represents and edit the title. In edit mode clicking  will delete the row and the related tiddler. Clicking  will exit the edit mode for that row. This does not actually saves the row because it is saved as you type.

Transcluding the table


If you want to transclude it to other tiddlers always use the {{!!tableName}} notation. This is mandatory because the table depends on its tiddler fields. If you transclude the table using the transclude widget the table will try to grab those fields from the tiddler it is transcluded to. You can create the required fields in the destination tiddler but that way you will have only ONE table.

Live example


Here you have a live example of a contacts database. You can play around with it, add records, edit them and erase them. This has been transcluded using {{Editable-Table}}As I said before clicking on the table headers does nothing in 5.0.8 and older, but in TW 5.0.9 this will sort the table by that column. There is no action needed by your side, it is already ready for the update.

Danielo Rodríguez

unread,
Apr 10, 2014, 3:39:23 AM4/10/14
to tiddl...@googlegroups.com
On litte Question:

Does somebody knows why the title on the table tiddler is not rendering?

Jeremy Ruston

unread,
Apr 10, 2014, 3:44:39 AM4/10/14
to TiddlyWiki
Hi Danielo

Does somebody knows why the title on the table tiddler is not rendering?

It's because you've got a space immediately after the final `<$set name="fields-source" value={{!!title}}>` line of `Editable-Table`; that stops the content being recognised in block mode.

Best wishes

Jeremy



--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.



--
Jeremy Ruston
mailto:jeremy...@gmail.com

Danielo Rodríguez

unread,
Apr 10, 2014, 4:20:07 AM4/10/14
to tiddl...@googlegroups.com, jeremy...@gmail.com
Wow.

Maybe this behavior is too sensible. Looks like programming when you forget a ; but at leas semicolon is visible! ;)

Thank you. Did you liked it?

Jeremy Ruston

unread,
Apr 10, 2014, 6:06:29 AM4/10/14
to Danielo Rodríguez, TiddlyWiki
Hi Danielo

Maybe this behavior is too sensible. Looks like programming when you forget a ; but at leas semicolon is visible! ;)

Yes, it's confusing. I've fixed it for 5.0.9 so that whitespace is ignored in those circumstances:


Best wishes

Jeremy.

David Gifford

unread,
Apr 10, 2014, 1:52:36 PM4/10/14
to tiddl...@googlegroups.com
Yet another cool thing you can do with TW5. Great going Danielo.

Stephen Kimmel

unread,
Jul 20, 2014, 5:34:36 PM7/20/14
to tiddl...@googlegroups.com

Has anyone gotten this to work under version 5.0.13? I've tried everything I can think of including not only importing the tiddlers mentioned but basically all the tiddlers in the braintest wiki. So far I've gotten nothing but the first column to show up and they don't appear to be editable. Danielo seems to have developed this for an earlier version of Tiddlywiki 5 and perhaps something has changed along the way.

At the moment, I've got a concept that appeals to me a lot but nothing that actually works.

Stephen

Birthe C

unread,
Jul 20, 2014, 6:40:47 PM7/20/14
to tiddl...@googlegroups.com
Hi Stephen
Editable Table does not work under version 5.0.13. It depends on split. https://groups.google.com/d/msg/tiddlywiki/pGtYx6d5jiQ/3b3hogiv8YMJ


Birthe

Stephen Kimmel

unread,
Jul 21, 2014, 1:06:05 PM7/21/14
to tiddl...@googlegroups.com
I see. Obviously I missed Danielo's question about why his code didn't work anymore.

It seems to me that there are quite a few things that the main Tiddlywiki site link to but that don't actually work with the available versions. I suppose that until the program gets more stable that will always be the case.

Does anyone have a good guess as to when Tiddlywiki will be ready for prime time?

Stephen

Danielo Rodríguez

unread,
Jul 23, 2014, 5:47:34 AM7/23/14
to tiddl...@googlegroups.com
Hello Stephen,

Glad you are interested in using this. Seems like you have posted an old version of the instructions. If you go again to BrainTest you can find how to install it on TW 5.0.13. I have it working on several 5.0.13 ones.

I thought nobody but me uses this. Sadly I can only figure how many people is using it based on how many people are posting problems :-P


Let me know if you have further problems.

Jeremy Ruston

unread,
Jul 23, 2014, 5:51:50 AM7/23/14
to TiddlyWiki
Hi Stephen

On Mon, Jul 21, 2014 at 6:06 PM, 'Stephen Kimmel' via TiddlyWiki <tiddl...@googlegroups.com> wrote:
I see. Obviously I missed Danielo's question about why his code didn't work anymore.

It seems to me that there are quite a few things that the main Tiddlywiki site link to but that don't actually work with the available versions. I suppose that until the program gets more stable that will always be the case.

I'll review the links and prune out any out of date ones for 5.0.14

I also plan to add a blacklist of plugins and versions that are known to be incompatible so that the user will get a warning if they attempt to import them to a new version of tiddlywiki.

Best wishes

Jeremy
 

Does anyone have a good guess as to when Tiddlywiki will be ready for prime time?

Stephen

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

Birthe C

unread,
Jul 23, 2014, 1:34:48 PM7/23/14
to tiddl...@googlegroups.com
Hi Danielo
I loved Editable-Table and still uses it in an older tw5 version...I would love to be able to use it in TW 5.0.13.


Birthe

David Gifford

unread,
Jul 23, 2014, 2:47:32 PM7/23/14
to tiddl...@googlegroups.com
Oh, darn, what a disappointment...I thought the thread said "edible" table plugin...I thought TiddlyWiki was going to start feeding me, too. I am already dependent on it for so many other things...

Stephen Kimmel

unread,
Jul 23, 2014, 5:17:31 PM7/23/14
to tiddl...@googlegroups.com
Maybe I'm just slow but I went to Braintest (http://braintest.tiddlyspot.com/) and called up the tiddler "Inline editable tables". It listed four tiddlers to copy over:

Then for good measure I also did the drop and drag on the three sample entry tiddlers, Danielo, Dorothy and Full.

Because sometimes the things aren't live until you load them, I saved the wiki and reloaded it.

The Editable-Table tiddler looks like this:

Editable-Table

Edit

Danielo
Dorothy
Full

 with the plus sign next to the word Name and the writing pen next to the names.  On the Braintest page it I get Name, User, Grupo, Role and for Ful, I get bla, bla and bla. When I click on the writing pen icon I get editable spaces while on mine I get nothing.

Obviously I am missing something but I'm not sure what. Perhaps an unlisted tiddler. I just don't know.

I love the idea of editable tables but...

Birthe C

unread,
Jul 23, 2014, 6:01:26 PM7/23/14
to tiddl...@googlegroups.com
Hi Stephen
You did everything right. Braintest is running TW 5.08 and thus Editable Table works. The problem is changes in filters that made split not work in later versions. BUT....Read here: https://groups.google.com/d/msg/tiddlywiki/i1X9j8YsESk/U5gIFC1fnGAJOn Stephan Hradek wrote a fix http://tiddlystuff.tiddlyspot.com/ you will find it in tiddler Selfmade Lists. Try that one.

Birthe

cmari

unread,
Jul 23, 2014, 7:03:31 PM7/23/14
to tiddl...@googlegroups.com
I am using Editable Tables in TW 5.0.13 (it's really useful for comparing/updating/synchronizing fields in many tiddlers all at once - thanks, Danielo!).  I'm pretty sure that all I did to make things work was add Stephan's fix for split-tiddler.
cmari


--

Stephen Kimmel

unread,
Jul 23, 2014, 9:45:20 PM7/23/14
to tiddl...@googlegroups.com
All right. Here's what I did that made it work:

I wen to Tiddlywiki.com and downloaded a clean copy of Empty.html.

I went to Braintest (http://braintest.tiddlyspot.com/) and did the drop and drag as instructed for three of the files:

And Full, Danielo, and Dorothy. Just for good measure, I also grabbed Inline Editable Tables so I would have the full documentation.

I then went to skeeve's Tiddlystuff (http://tiddlystuff.tiddlyspot.com/) went to Selfmade Lists as Birthe suggested. There I downloaded the $:/core/modules/filters/split.js from the link at the bottom of the page. I saved the wiki and reloaded it but there was no joy in mudville.

However, taking Skeeve at his word, (the tiddler says "split is not compatible to TW 5.0.10 at the moment. Please find athe compatible source here. I will fix it soon…") I copied the code in the textbox on that page and replaced the code in $:/core/modules/filters/split.js. Then saving and reloading, and suddenly I have functional inline editable tables in TW5.0.13. Or at least Danielo's example works the way it says it should.

I probably missed some intuitively obvious step that would have made the entire exercise easier but I am satisfied that  I finally got the function up and running more or less just as Cmari said it would.

Birthe C

unread,
Jul 24, 2014, 3:50:11 AM7/24/14
to tiddl...@googlegroups.com
Hi Stephen
I am  happy you had it working in the end. I have known for some time that Hradek wrote af fix for split, but were not able to find it until yesterday. I am so sorry that I did not explain to you, how to do it....but luckily you found it out.
Tiddlystuff is running an older version of TW5, that is why you could not just drag and drop split.js from there...but had to copy and paste the code.

Danielo, your Editable-Table is very difficult to be without. Thank you very much for making it - but please would you consider a link to the solution on you Braintest.



Birthe

Stephen Kimmel

unread,
Jul 24, 2014, 8:49:33 AM7/24/14
to tiddl...@googlegroups.com
Editable Tables are proving to be almost exactly what I had hoped they would be and they will definitely become part of my standard version of Tiddlywiki.

There is one thing I would like the tables to do that I haven't figured out yet: I would like to be able to put a link in one of the cells that when clicked would open another tiddler. I tried entering [[Another Tiddler]] and got exactly that rather than a link.

There is also one thing I don't understand, Danielo. In the text it says that you must use {{!!MyTable}} and yet your live example seems to work fine with {{Editable-Table}}. Is this a carryover from an earlier version of Tiddlywiki or am I missing something?

Stephen

Danielo Rodríguez

unread,
Jul 25, 2014, 7:36:30 AM7/25/14
to tiddl...@googlegroups.com
Wow!

How many activity on this thread. I never thought this could be so popular.
I just updated http://braintest.tiddlyspot.com/ to the latest TW version. I have been looking for time to do this since a log ago. Now everything should work in the latest  versions! 

This is cool because now I can do things like linking to specific parts of my wiki like:

I will look up for your request when I find another time-window!

Danielo Rodríguez

unread,
Jul 25, 2014, 7:44:23 AM7/25/14
to tiddl...@googlegroups.com
There is also one thing I don't understand, Danielo. In the text it says that you must use {{!!MyTable}} and yet your live example seems to work fine with {{Editable-Table}}. Is this a carryover from an earlier version of Tiddlywiki or am I missing something?

Stephen

I don't know why I wrote {{!!MyTable}}. I can't remember why. Anyway, I fixed it. Thank you very much for using it.
Reply all
Reply to author
Forward
0 new messages