将新行放在jQuery数据表的特定位置

默认
我创建了ajax datatable，这些行有时用json填充在表的末尾：jsfiddle，有时在表的顶部。这取决于ajax响应的时间。

推荐输出
我有两个来自两个不同来源的输入json，输出如下表：

<table>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    ...
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>8</td><td>7</td><td>6</td></tr> <!-- inserted row-->
    <tr><td>8</td><td>7</td><td>6</td></tr> <!-- inserted row-->
    <tr><td>8</td><td>7</td><td>6</td></tr> <!-- inserted row-->
    <tr><td>8</td><td>7</td><td>6</td></tr> <!-- inserted row-->
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>1</td><td>2</td><td>3</td></tr>
    ...
    <tr><td>1</td><td>2</td><td>3</td></tr>
</table>

第2行。json插入到表中(从1创建。json(到特定位置。这个位置是恒定的，长度为1。和2。json数据是常量。

第一个解决方案
我必须添加包含数字的第一列，并按数字降序对数据表进行排序-jsfiddle。我可以隐藏第一列的jsfiddle，但我更喜欢使用自定义函数，因为它在IE8中不起作用。

var t = $("#tab1").DataTable({
    "ajax": "data1.json",
    columnDefs: [
         { className: "hide", "targets": [ 0 ] },
         ], 
    "columns": [
        { "data": "id"},
        { "data": "cat1"},
        { "data": "cat2"},
        { "data": "cat3"}
    ]
});
$.ajax({
    type: "GET",
    url: "data2.json",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (response) {
        t.rows.add(response.data); 
        t.draw();
    }
  });

理念-自定义功能
我尝试创建自定义函数rows.addinposition(rows, position)，但它与函数rows.add()一样工作
我复制并修改了jquery.dataTables.js中7879行的函数rows.add，我将out.push()更改为out.splice()拼接文档。

我知道，这是不推荐的，最好是扩展数据表api。。。

_api_register( 'rows.addinposition()', function ( rows, position ) {
    var newRows = this.iterator( 'table', function ( settings ) {
            var row, i, ien;
            var out = [];
            for ( i=0, ien=rows.length ; i<ien ; i++ ) {
                row = rows[i];
                if ( row.nodeName && row.nodeName.toUpperCase() === 'TR' ) {
                    //ROWS.ADD USE OUT.PUSH
                    //out.push( _fnAddTr( settings, row )[0] );
                    //CHANGED TO OUT.SPLICE
                    out.splice( position, 0, _fnAddTr( settings, row )[0] );
                }
                else {
                    out.splice( position, 0, _fnAddData( settings, row ) );
                }
            }
            console.log(out);
            return out;
        }, 1 );
    // Return an Api.rows() extended instance, so rows().nodes() etc can be used
    var modRows = this.rows( -1 );
    modRows.pop();
    modRows.push.apply( modRows, newRows.toArray() );
    return modRows;
} );    

如果你能帮我就太好了。

我发现了类似的问题：

• SO链接：1.9版数据表中的函数fnAddData()
• SO链接-将多行添加到数据表末尾
• SO链接-无应答
• datatables论坛链接-旧版本，没有答案(我认为(

编辑
谢谢你davidkonrad，但我在jsfiddle中测试了它，我发现了2个问题：

• 排序错误2.，1.，而不是1.，2.-我认为问题很简单
• 有时这些添加的行在表的顶部，有时在正确的位置。随机。-也许是个大问题

我在jsfiddle中调试它，它的行为非常奇怪：

console.log('rowCount = '+rowCount);

如果行在顶部(错误位置(返回：

rowCount = 0
rowCount = 1

而for没有循环，因为firebug没有显示var i。

如果他们处于良好位置，返回：

rowCount = 5
rowCount = 6

在本例中，for循环，var i返回：
1.回路：

i = 5 
i = 4 
i = 3

2.回路：

i = 6 
i = 5 
i = 4 
i = 3

我错过什么了吗？为什么秩序很奇怪？