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>

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

任何建议，为什么会发生这种情况或以其他方式解决问题？

提前致谢

Answer 1

如果删除＆gt;会发生什么？并使用......

$('#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 + ')'));

感谢您提出的所有建议

插入新行后css丢失

2 个答案: