Dynamic Table

[jainharsh]

Hi Guyz,

I am trying to make a dynamic table which will automatically update
after running a query.
My Table contains 4 columns.

I am trying to update the table by adding rows of information to it.
But i am able to add only one column, how can i insert 4 columns and
make the table resize automatically.

My Function.
function getRoomDetails( )
{

var table = document.getEle mentById('roomT able');
var row = document.create Element("tr");
var cell = document.create Element("td");
var cell2 = document.create Element("td");
var cell3 = document.create Element("td");
var cell4 = document.create Element("td");
var cellText = document.create TextNode("Colum n 1");
var cellText1 = document.create TextNode("Colum n 2");
var cellText2 = document.create TextNode("Colum n 3");
var cellText3 = document.create TextNode("Colum n 4");
cell.appendChil d(cellText);
cell1.appendChi ld(cellText1);
cell2.appendChi ld(cellText2);
cell3.appendChi ld(cellText4);
row.appendChild (cell);
row.appendChild (cell2);
row.appendChild (cell3);
row.appendChild (cell5);
table.appendChi ld(row);

}

any help would be appreciated.

Thanks,
Hj

[Craig Taylor]

On Jan 25, 3:01 pm, "jainharsh" <jain.perso...@ gmail.comwrote:

Hi Guyz,

I am trying to make a dynamic table which will automatically update
after running a query.
My Table contains 4 columns.

I am trying to update the table by adding rows of information to it.
But i am able to add only one column, how can i insert 4 columns and
make the table resize automatically.

My Function.
function getRoomDetails( )
{

var table = document.getEle mentById('roomT able');
var row = document.create Element("tr");
var cell = document.create Element("td");
var cell2 = document.create Element("td");
var cell3 = document.create Element("td");
var cell4 = document.create Element("td");
var cellText = document.create TextNode("Colum n 1");
var cellText1 = document.create TextNode("Colum n 2");
var cellText2 = document.create TextNode("Colum n 3");
var cellText3 = document.create TextNode("Colum n 4");
cell.appendChil d(cellText);
cell1.appendChi ld(cellText1);
cell2.appendChi ld(cellText2);
cell3.appendChi ld(cellText4);
row.appendChild (cell);
row.appendChild (cell2);
row.appendChild (cell3);
row.appendChild (cell5);
table.appendChi ld(row);

}any help would be appreciated.

Thanks,
Hj

Make sure you're appending the tr to either a thead or a tbody.

- Craig Taylor
http://www.ctalkobt.net

[=?ISO-8859-1?Q?G=E9rard_Talbot?=]

jainharsh wrote :

Hi Guyz,

I am trying to make a dynamic table which will automatically update
after running a query.
My Table contains 4 columns.

I am trying to update the table by adding rows of information to it.
But i am able to add only one column, how can i insert 4 columns and
make the table resize automatically.

Then do not set the table width otherwise you will be over-constraining
the table.
And as mentioned by Craig, append the table rows to a table section
(thead or tbody) because IE 6+ has a known bug on this.

Dynamically creating, populating and inserting a table
http://www.gtalbot.org/DHTMLSection/CreatingTable.html

Gérard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages