首页 > 解决方案 > 有没有办法在初始化时过滤数据表?

问题描述

我有一个正在渲染的数据表,其中填充了来自 ajax 调用的数据,这是代码:

let table;

        table = $('#table_preview').DataTable({
          "pageLength": 10,
          "processing": true,
          "ajax": {
              "url": '/assets/ajax/table_ajax_handler.php',
              "type": "POST",
              "data": { action: "getPesticidesForTable" }
          },
          "columns": [
            { "data": "crop" },
            { "data": "diseases" },
            { "data": "chemical" },
            { "data": "product" },
            { "data": "rate" },
            { "data": "max_no" },
            { "data": "hi" },
            { "data": "mrl" },
            { "data": "pcs_no" },
            { "data": "supplier" }
          ]          
        });

        $.ajax({
          url: "/assets/ajax/table_ajax_handler.php",
          type: "POST",
          data: {
            action: 'getPesticidesForTable'
          }
        })
        .done(res => {
          console.log(res);
        });

我的问题是,有没有一种方法可以只显示“作物”为“小麦”的行,而无需手动搜索。显然,最终目标是让它动态化,并根据用户点击或预先确定的内容进行过滤。我查看了数据表文档,但似乎找不到任何东西

标签: javascriptdatatable

解决方案


经过更多挖掘,我找到了解决方案:

"searchCols": [
     { "search": "Brussels Sprouts" },
     { "search": "Ring spot" }
 ]  

推荐阅读