标题排序中的Jquery数据表下拉过滤器答案

【问题标题】：Jquery datatable dropdown filter in header sorts标题排序中的Jquery数据表下拉过滤器
【发布时间】：2012-10-23 05:52:09
【问题描述】：

我想在其标题上创建一个带有下拉列表框的数据表，该列表框根据框中的选定列过滤要显示的行。我修改了column filtering example这里的例子，在标题中显示下拉列表框

   /* Add a select menu for each TH element in the table footer */
   //   $("tfoot th").each( function ( i ) {
      $("thead th").each( function ( i ) {
       ...

它工作正常，但是当我单击下拉列表框时它会执行排序。是否可以在我对下拉列表执行操作时禁用排序，并在我单击单元格中不属于下拉列表的任何位置时触发排序。

谢谢。

【问题讨论】：

标签： javascript jquery drop-down-menu datatables

【解决方案1】：

$("thead th").each( function ( i ) {
    this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(i) );
    $('select', this).change( function () {
        oTable.fnFilter( $(this).val(), i );
    } );
    $('select', this).click( function (event) {
        event.stopPropagation();
    } );
} );

【讨论】：

【解决方案2】：

不要处理 select 的 onChange 事件或删除 sort 调用。我相信你可以在单元格中绑定一个点击事件。如果没有，请格式化您的表格以在您可以处理点击事件的每个单元格中包含一个锚标记。

【讨论】：