ansaurus

Question

jQuery table rows are not showing properly in Firefox

Answer 1

+2 A:

You need to wrap your width and height values in quotes. Also, instead of appending to the body every single line, create a string variable to which you append the html. Then, at the end, append the entire string.

treeface 2010-09-07 17:48:49

Why you would want to construct full html instead of just creating and manipulating DOM nodes is beyond me.

Jamie Wong 2010-09-07 17:52:59

@Jamie Because using the append in this way is appreciably faster than manipulating DOM nodes. Using the append method multiple times has the overhead of having to traverse the DOM and parse the string multiple times. See this article: http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly

treeface 2010-09-07 21:28:27

Answer 2

+2 A:

You shouldn't be doing things like this: $('body').append("</tr> ");

When using javascript to create DOM Nodes, you should be creating the entire node, not the opening and closing this. e.g. to build a table you would do something like this:

var table = $('<table>',{border: '1'}).appendTo('body');
for (var i = 0; i < 5; i++) {
    var tr = $('<tr>').appendTo(table);
    for (var j = 0; j < 5; j++) {
        var td = $('<td>').text(i + ',' + j).appendTo(tr);
    }
}

Jamie Wong 2010-09-07 17:51:08

Hey Jamie, not sure if you were notified of my response to your comment, but you should take a look at this: http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly In short...creating an html string is significantly faster than manipulating DOM nodes inside a loop.

treeface 2010-09-07 22:53:24

If you're concerned with speed at that level, you might as well be using document.write. Also, if you're constructing a massive amount of data, chances are doing it clientside isn't a wise decision in the first place.

Jamie Wong 2010-09-08 05:46:58

Answer 3

+1 A:

Every time you use $('body').append() you append to the document.body, so make it work like:

var $table=$('<table border="1">');

$(document.body).append($table);
...
$table.append('<tr></tr>');
..

and so on.

Zlatev 2010-09-07 17:51:56

ansaurus

tags:

views:

answers:

jQuery table rows are not showing properly in Firefox

related questions