插入新行后css丢失

Question

使用javascript方法（在另一个.js文件中）填充flexigrid时，不幸的是，插入新行后，css丢失。页面中的其他部分都可以。

我用下面的代码：，

var newTbl = '<tr><td>' + id + '</td><td>' + name + '</td><td></tr>'; 

$('#flexSwitch > tbody:last').append(newTbl); 

和HTML代码我使用：

<div id="switchGridDiv" style="width: 100%"> 
    <table id="flexSwitch" class="flexigrid"> 
    <tbody> 

    </tbody> 
    </table>   
</div> 

我可以使用的CSS（）jQuery的方法，但是这的确会花费太长的时间时，考虑flexigrid css的大小。

有什么建议，为什么会发生这种情况或其他方式如何解决？

在此先感谢

Answer 1

使用flexigrid的flexAddData方法解决了关于CSS的问题：

var data = "{page:1, total:3, rows:["+ 
       "{id:'id0',cell:['101','A']},"+ 
       "{id:'id1',cell:['102','B']},"+ 
       "{id:'id2',cell:['103','C']}"+ 
        "]}"; 

$('#flexSwitch').flexAddData(eval('(' + data + ')')); 

感谢您的所有建议

Answer 2

如果你删除>和使用情况...

$('#flexSwitch tbody:last').append(newTbl); 

？

也...删除多余的<td>在年底...

var newTbl = '<tr><td>' + id + '</td><td>' + name + '</td><td></tr>';