数据在jquery数据表中不可见

Question

我正在尝试在jquery数据表中添加动态行。但数据在网格中不可见。这是我的代码。

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.9/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.2/css/jquery.dataTables_themeroller.css">
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%"></table>

<script>
 var table = $('#example').DataTable({
 "aoColumns": [{"title":"url","name":"url"},
             {"title":"authority","name":"authority"}],
 ordering: true,
 retrieve:true,
 "bJQueryUI": true,
 paging: false
 });  
</script>

我正在使用此代码添加行。

table.row.add({
                    "url":"www.example.com",
                    "authority":"99"
                    }).draw();

我收到了这个错误。

  

DataTables警告：table id = example - 请求的未知参数＆＃39; 0＆＃39;对于第0行。有关此错误的详细信息，请参阅http://datatables.net/tn/4

Answer 1

试试这个...这可能对你有帮助..

$(document).ready(function() {
var t = $('#example').DataTable();
var counter = 1;

$('#addRow').on( 'click', function () {
    t.row.add( [
        counter +'.1',
        counter +'.2',
        counter +'.3',
        counter +'.4',
        counter +'.5'
    ] ).draw( false );

    counter++;
} );

// Automatically add a first row of data

$('#addRow').click();
} );

如果是dataTable，那么你可以使用fnAddData ..

 var giCount = 1;

$(document).ready(function() {
$('#example').dataTable();
} );

function fnClickAddRow() {
 $('#example').dataTable().fnAddData( [
    giCount+".1",
    giCount+".2",
    giCount+".3",
    giCount+".4" ] );

giCount++;
}