CSS теряется после вставки новых строк

Question

При заполнении flexigrid с использованием метода javascript (который находится в другом файле .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.

Любые предложения, почему это могло произойти или каким-либо другим способом, как это решить?

Заранее спасибо

Answer 1

Использование flexAddData методом flexigrid решило проблемы с 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>';