CSS在插入新行后丢失

Question

使用javascript方法填充flexigrid(这是在另一个.js文件中)，不幸的是，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>

我可以使用jquery的。css()方法，但是考虑到flexigrid css的大小，这肯定会花费太长时间。

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

Thanks in advance

Answer 1

如果您删除>并使用…

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

?

也……删除额外的<td>在…的末尾

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

Answer 2

使用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 + ')'));

谢谢大家的建议