JQuery datatable добавить новую строку по указанному индексу

Question

Можно ли добавить новую строку после второй/третьей/... n-й строки в JQuery datatable? Я использовал этот метод fnAddData ([...]). Работает так, как ожидалось. Но мне нужно добавить запись между двумя строками. Пожалуйста, кто-нибудь мне помочь ..

Answer 1

Я разделяю с вами, что я сделал:

// for example you want to insert after the 2nd row 
var numberOfRowAfterYouWantToInsert = 2; 
var rowAfterYouWantToInsert = $("#yourTableId tr").eq(numberOfRowAfterYouWantToInsert); 
var rowsAfter_rowAfterYouWantToInsert = rowAfterYouWantToInsert.nextAll(); 
var standbyTable = $("<table>"); 
// remove rows by putting over to a standby table 
standbyTable.append(rowsAfter_rowAfterYouWantToInsert); 
// just did an empty tr here 
var tr = $("<tr>"); 
// append it 
$("#yourTableId").append(tr); 
// and put back those removed rows to the original table 
$("#tableID").append(rowsAfter_rowAfterYouWantToInsert); 

Это решение является простым, удобным для чтения, и главное преимущество: она работает :) Надеюсь, что это помогает Вам!

EDIT: я понял, что есть гораздо более простое решение:

// for example you want to insert after the 2nd row 
var numberOfRowAfterYouWantToInsert = 2; 
var rowAfterYouWantToInsert = $("#yourTableId tr").eq(numberOfRowAfterYouWantToInsert); 
// new row with two cells 
var tr = $("<tr><td>asd</td><td>qwe</td></tr>"); 
rowAfterYouWantToInsert.after(tr); 

Answer 2

Это работает для меня. Возьмите массив из datatable, сплайсинга в нужном вам индексе, затем перерисуйте datatable. Таким образом, если вам нужно сделать перерисовку - добавленные вами значения будут по-прежнему находиться в таблице.

var newRow = [1, 2, 3]; // new row in the datatable 
var index = 4; // index for the new row to be added 
var currentRows = datatable.data().toArray(); // current table data 
currentRows.splice(index, 0, newRow); 

datatable.clear(); 
datatable.rows.add(currentRows); 
datatable.draw();