gantt chart

Time to time it can happen that you want <a href=http://www.treegrid.com/javascript-table.html>javascript table</a> to make your html table more attractive and more interactive. Let's suppose you want to allow your visitors to <a href=http://www.treegrid.com/silverlight-datagrid.html>silverlight datagrid</a> and show some special rows in your table. Of course you are here because you want to do it without reloading <a href=http://www.treegrid.com/data-grid.html>datagrid</a>. It is possible with javascript to hide table rows and show it again later if you want.

First of all lets create a basic and simple html 3x3 <a href=http://www.treegrid.com/ajax-grid.html>ajax grid</a> where the first row contains the column captions. With the following html code:

My solution uses JavaScript, as CSS3 isn't truly a viable option yet. Browsers today still struggle to support CSS1 and CSS2. Even though HTML tables aren't recommended for Web page <a href=http://www.treegrid.com/javascript-grid.html>javascript grid</a>, they are still perfectly suited to the presentation of tabular data. In this tutorial, I'll present three examples based on the same idea. I have tested <a href=http://www.treegrid.com/edit-gridview.html>edit gridview</a> the solutions in IE6, Firefox 1.0, Mozilla 1.7.3 and Opera 7.54 on the Windows platform only.