相关疑难解决方法(0)

我正在使用datatables(datatables.net)并使用服务器端处理(django).

我有一个单独的文本字段,我在其中使用它来在已经呈现表之后自定义过滤DataTable中的数据.

以下工作正常:

我想自定义过滤列

var table = $('#problem_history').DataTable( {
    "bJQueryUI": true,
    "aaSorting": [[ 1, "desc" ]],
    "aoColumns": [
      // various columns here
    ],
    "processing": true,
    "serverSide": true,
    "ajax": {
      "url": "/getdata",
      "data": {
        "friend_name": 'Robert'
      }
    }  
} );

所以在页面加载(数据表的初始加载)时,它过滤掉'Robert'就好了.但现在我想以编程方式更改数据以过滤"friend_name"=="Sara"

我尝试了以下内容,filteredData具有正确的过滤对象,但表本身不会使用新过滤器重绘.

var filteredData = table.column( 4 ).data().filter(
    function ( value, index ) {
        return value == 'Sara' ? true : false;
    }
);
table.draw();

我也试过这个,但没有运气.

filteredData.draw();

我怎样才能做到这一点？

谢谢您的帮助.

我正在尝试使用数据表搜索插件过滤掉我的 HTML 表。我正面临以下问题。

我有一个程序如下，但是当我检查 jquery 函数 $.fn.dataTable.ext.search.push 是否有效时，它没有结果。

<div class="page-wrapper">
<nav aria-label="breadcrumb">

   <div class="breadcrumb">


        <div class="pull-right-button">
            <button type="button" onclick="exportTableToExcel('example')" class="btn btn-success"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Download Report</button>
            <button type="button" onclick="showFilters()" class="btn btn-success"> Filters</button>
        </div>
     </div>
</nav>
  <div class="container-fluid" >
     <div class="col-sm-12">
        <div class="card">

          <table border="0"  cellpadding="5">
        <tbody><tr>
            <td>Minimum age:</td>
            <td><input type="text" id="min" name="min"></td>
            <td>Maximum age:</td>
            <td><input type="text" id="max" name="max"></td>
        </tr>
    </tbody></table>

          <div class="table-responsive" >

  <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
  <link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css">
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
        <div>

          <table id="example" class="display" style="width:100%">
        <thead>

          //some data

        </thead> …