插入新行後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>';