Javascript 如何激活此表中的排序？

我正在使用插件。链接页面中的示例非常好。但我有个问题

在示例中，用户可以在执行搜索后对数据表进行排序。我成功地做到了这一点。但是，当我创建一个过滤器时，排序是混乱的

这是预期的顺序：

• 页面显示数据表中的所有数据
• 用户进行筛选（按某些筛选显示数据。如按日期、按状态、按国家等）
• 页面显示带有搜索筛选器的特定数据
• 用户可以使用文本进行搜索以查看较少的数据
• 用户可以按列进行排序

在我的脚本中，代码一直工作到第3点。当用户进行搜索时，已过滤数据将重置为显示所有数据（未过滤）

我该怎么处理

这是我的桌子：

<table id="tbl_surat_all" class="table table-striped table-bordered table-hover dataTables-example" >
<thead>
   <tr>
      <th class='text-center' width="1%">No</th>
      <th class="text-center" width="10%">ID Proyek</th>
   </tr>
   <tbody><!--Data collected from php--></tbody>
   </thead>
   <tbody>

不
艾德·普罗耶克

jQuery：

$('.dataTables-example').DataTable({
    pageLength  : 25,
    responsive  : true,
    dom         : '<"html5buttons"B>lTfgitp',
    buttons     : [
                    {extend: 'copy'},
                    {extend: 'csv', title   : "list<?php echo date('d/m/Y'); ?>"},
                    {extend: 'excel', title : "list<?php echo date('d/m/Y'); ?>"},
                    {extend: 'pdf', title   : "list<?php echo date('d/m/Y'); ?>"},
                    {extend: 'print',
                        customize: function (win){
                            $(win.document.body).addClass('white-bg');
                            $(win.document.body).css('font-size', '10px');
                            $(win.document.body).find('table').addClass('compact').css('font-size', 'inherit');
                        }
                    }
    ]
});

$（'.dataTables示例'）.DataTable({
页长：25，
回答：是的，
dom:“lTfgitp”，
按钮：[
{extend:'copy'}，
{扩展：“csv”，标题：“列表”}，
{扩展：“excel”，标题：“列表”}，
{扩展：'pdf'，标题：'list}，
{扩展：'打印'，
自定义：功能（win）{
$（win.document.body）.addClass（'white-bg'）；
$（win.document.body）.css（'font-size'，'10px'）；
$（win.document.body）.find（'table'）.addClass（'compact'）.css（'font-size'，'inherit'）；
}
}
]
});

这是筛选器所做的（这是ajax成功调用）：

var行；
var no=1；
$（'tbl_surat_all tbody tr'）。删除（）；
$。每个（响应、函数（索引、数据）{
行=“”+无++++”+数据。idproyek+”；
$（'tbl_surat_all tbody'）。追加（行）；
});

注意：
结论是如何将搜索行为（库中的默认值）复制到我的筛选器（我自己创建的jquery）行为？

如果查看，可以在表中搜索，如图所示

var table = $('#example').DataTable();

// #myInput is a <input type="text"> element
$('#myInput').on( 'keyup', function () {
    table.search( this.value ).draw();
} );

在该列上搜索将非常困难

var col = table.columns('colname:name');
col.search('searchTerm');
table.draw();

---

选中此项：HTML标记不可用proper@JaydeepPandya什么HTML？@KissMe review/*从php收集的数据*/@jaydeppandya oh。。实际上，那只是一张纸条。谢谢你提醒我。

columns: [
         {
            name: 'colName',
            data: 'colData',
            type: 'date'
         }

var col = table.columns('colname:name');
col.search('searchTerm');
table.draw();