DOM Table manipulation causes flickering in FireFox

Discussion in 'JavaScript' started by Arroz, Feb 25, 2007.

  1. #1
    Hi!

    I have a table in my page, and every row has a kind of "insert new row" link. When I press it, I add a new row with two cells in that position, and I update part of the content of all the rows in the table (basically, I have a paragraph with a different ID in the second cell on every row that I need to update).

    This works with no problems in Safari, but when using Firefox I have an irritating flickering effect. Looks like Firefox (or my computer) is not fast enough to change everything at the same time, so I see for about 1/10 of a second the new row with only one cell.

    Is there any way to solve this issue? Something like "suspend rendering" and "continue rendering" functions? I cannot redway the whole table (using innerHTML) because it's too slow (I tried it!) and I cannot insert a row with the cells already inserted on it (there's no way to do it, I guess).

    Yours

    Miguel Arroz
     
    Arroz, Feb 25, 2007 IP