javascript - 在数据表的搜索事件中将排序顺序设置为升序

标签 javascript datatables

我使用数据表插件来显示数据,默认情况下数据按降序显示,但我希望每当我要搜索时,搜索到的数据都应按升序显示。

这是我的代码。但它给出错误“超出最大调用堆栈大小”。

var dTable = $('.MemberListTable').DataTable({
                "paging": true,
                "bSortable": true,
                "lengthChange": true,
                "bRetrieve": true,
                "bProcessing": true,
                "bDestroy": true,
                "searching": true,
                "ordering": true,
                "info": true,
                "autoWidth": true,
                // "responsive": true,
                "aLengthMenu": [[25, 50, 75], [25, 50, 75]]
            });
            
            dTable.on('search.dt', function (e) {
                dTable.order([6, 'asc']);
                dTable.draw();
            });

最佳答案

您上面所做的操作会导致问题,因为绘制事件会导致数据表也执行搜索。所以,它是一个无限循环。您可以使用以下事件作为默认搜索输入来搜索和更改列顺序。

$('.dataTables_filter input')
   .off()
   .on('keyup', function() {
      table.order( [ 6, 'asc' ] )
      table.search( this.value ).draw();
   });   

关于javascript - 在数据表的搜索事件中将排序顺序设置为升序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48473203/

相关文章:

JavaScript:在 <span> 中包含/附加对象/按钮

javascript - 在动态创建的 DOM 上调用函数

jquery - 默认二级排序

javascript - 使用 knitr 在 R 中为 html 创建条件格式化表

jquery - 如何将多个数据添加到 jQuery 数据表单元格

javascript - jquery-数据表 : incorrect "Showing <range> of <total> entries" message is displayed

使用 Babel 后,Javascript 自定义类方法无法调用同一类中的另一个方法

Javascript event.button 右键单击​​不返回任何值

javascript - 在 Google 图表中循环数据

jquery - 为多列应用唯一类