Probably been asked before but here goes.

This a feature that would be really great and something I would love to have as my design that needs to simulate current paper based sport recordings for db driven web application (most of my former prototyping was done in Access not really portable or web based friendly).

As an example my simulation is emulating a real working (Legal) paper based sporting system for young people included in this is 2 table with 10 columns and 20 rows (cannot cut down to smaller) so in order to simulate scoring mechanism I need to add 4 (cols) x 20 (rows) x 2 (tables) text edit elements alone as you can see this a lot of extra elements to embed in table (also have 2 X 20 checkbox and image controls as well) and have impacts on page loading . For this simulation there is no work around to simulate the paper based system aforementioned.

Sorry a bit long winded, but the ability to edit table cells in runtime would have huge impact on page load in the simulation for many database driven desktop/web designs as close as possible to most real life db applications.

So I don’t know if possible or feasible within program (or await new version) and I am wondering if this under consideration it would be a huge benefit.


5 answers

Table is widely used in various ways. People may wish to sort/filter the table column/row by different rules, make table cell editable etc, and it is not easy to provide a general element that could fit different needs. So the table element in ForeUI only include the basic feature. Since ForeUI has “Javascript” element now, it is possible to custom your table element during the simulation.

Back to your question, the first thing cross my mind is the “contenteditable” attribute in HTML. I am not sure if it will fit all your needs, but it is worth trying. You can use the “Call Javascript Snippet” action to add this attribute to your table element, so your table becomes editable:

Actually, you can do more by writing more code, basically you can do anything you do in HTML programming. It doesn’t mean we encourage you to do so, it is just an idea.


Thanks for quick reply ViVi will certainly tryout your suggestion it appears this could be the solution to my table issue, I will let you know when done.

Thanks Mal


Hi tried out your suggestion it worked but unfortunately was not suitable for my needs I then decided to try to get the command to work on a cell level but could not get it to work – couple of examples of many variations I tried: <!–$(“#Table_1″{Table_1.selectedIndex}).innerHTML(“<div contenteditable></div>”)//–> or <!–$(“#Table_1”){selectedIndex}.innerHTML(“<div contenteditable></div>”)//–> but I could make it work by manually adding div to the html cells, but I only get it to work from JavaScript on Table level only.

So I had a good think, I could write some functions or try a different approach to achieve my goals and finally decided to steer away from manually editing Table cells.

So I decided to use instead Click Events and Custom Properties to insert values I needed to achieve my outcomes for my scoring system which saves the user to having to type in the cells.

Thank you for your help very much appreciated keep up the great work.

  1. You are welcome Mal, another direction to consider is to use the UI widgets provided by other Javascript libraries. You can find an example from my rely on another thread: <a href="; rel="nofollow"></a>

Thanks VIVI

Followed your suggestion and downloaded demo plot, I just keep on getting surprised.

For time being I will stick with current tools for 1st round of my demo (time), plus I have a whole lot of java learning to do and the demo plots are invaluable for this and using program.

Thanks once again


I had a look at the scripting for including the jsWidgets and wanted to ask if it would be possible to enable script for jsWidgets to run from a local directory (I downloaded current Library from jqWidget site) and that they would still integrate with plot demo with export to html?

Very interested in the Data Grid and Combo Box controls to replace the current tables and Combo boxes in my demo if I get to 2nd round.

As down the track I will probably add these controls into a .Net Razor Project if my demo gets the go ahead.



Hi Mal,

Using the jQWidgets files in local hard-disk is possible, just replace the URL of the JS file to a local file URL (something like file:///……. ), it will work in the same way.

However if you use local files, they will not be included in the generated directory, so if you upload the directory to web server, they will not work (URL unmatched), unless you use relative path in the file URL, and upload those JS files to server accordingly.

We will consider adding the ability to let ForeUI to pack additional files, that should be a good feature to add.

  1. Certainly something to look forward to and thank you for the advice

This question is now closed