Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery数据表排序问题_Javascript_Jquery_Datatable - Fatal编程技术网

Javascript jQuery数据表排序问题

Javascript jQuery数据表排序问题,javascript,jquery,datatable,Javascript,Jquery,Datatable,我正在使用Datatable插件 为了填充表,我使用jquery.html()函数并将表内容传递给它 问题是,将数据附加到表后,所有排序、分页和搜索功能都不再工作,对这些功能的每次更改都会从表中删除数据 有人能帮我解决这个问题吗 谢谢您可以使用另一种方法,使用数据表的行将数据添加到表中。添加功能。 代码如下: JQuery $(document).ready(function() { var t = $('#example').DataTable(); $('#addRow'

我正在使用Datatable插件

为了填充表,我使用jquery.html()函数并将表内容传递给它

问题是,将数据附加到表后,所有排序、分页和搜索功能都不再工作,对这些功能的每次更改都会从表中删除数据

有人能帮我解决这个问题吗


谢谢

您可以使用另一种方法,使用数据表的
行将数据添加到表中。添加
功能。 代码如下:

JQuery

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

    $('#addRow').on( 'click', function () {
        t.row.add( ['a','b','c','d','e'] ).draw();
    } );
} );
HTML

添加
第1栏
第2栏
第3栏
第4栏
第5栏
可以在启动期间隐藏表的可见性,并在填充数据后显示表


JSFiddle:

请显示一些代码。
<button id="addRow">Add</button>
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
                <th>Column 3</th>
                <th>Column 4</th>
                <th>Column 5</th>
            </tr>
        </thead>
</table>