如果过滤条件不匹配而不是隐藏行，则数据表更改单元格值

Question

我需要帮助。我正在使用数据表过滤器，如果未找到记录并且需要隐藏行，而不是在记录不符合条件的情况下隐藏行显示单元格（带有 - 值），则此处的列过滤器会隐藏行。让我知道是否可以提供更多详细信息。

Answer 1

由于您没有提供有关用于显示信息的数据结构的任何信息，因此我假设该结构是以下代码中的对象 data。 html 代码中的按钮在单击时会更改条件。

希望对你有帮助！！

为数据编辑

$(document).ready(function() {
  var data = [
    ["name1", 24],
    ["name2", 54]
  ];
  var crit = 0;
  $("#crit1").click(function() {
    crit = 20;
    filter();
  });
  $("#crit2").click(function() {
    crit = 40;
    filter();
  });
  var table = $('#example').DataTable({
      "data": data,
      "columns": [{
        title: "Name"
      }, {
        title: "Score"
      }],
      "columnDefs": [{
        // The `data` parameter refers to the data for the cell (defined by the
        // `data` option, which defaults to the column being worked with, in
        // this case `data: 0`.
        "render": function(data, type, row) {
          if (data > crit)
            return data;
          else
            return "-";
        },
        "targets": 1
      }]
    });
  var filter = function() {
    table.clear().draw();
    table.rows.add(data); // Add new data
    table.columns.adjust().draw();
  }
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<link href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css" rel="stylesheet" />

<input type="button" id="crit1" value="20%" />
<input type="button" id="crit2" value="40%" />
<table id="example" class="display" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th>Name</th>
      <th>Score</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Score</th>
    </tr>
  </tfoot>
  <tbody>

  </tbody>
</table>

有用的链接：

https://www.datatables.net/examples/data_sources/js_array.html

https://www.datatables.net/examples/advanced_init/column_render.html