JQuery DataTable 列过滤器 - select 下拉过滤器

Question

目前，我正在尝试使用下拉列表来过滤我的 table（我正在使用 Datatable 插件）

这是我的代码：

         $('#tableID').dataTable()
   .columnFilter({
  aoColumns: [ 
  { type: "text" },
  { type: "number" },
  { type: "select", values: [ 'Identify Proposal', 'Define Proposal',  'Evaluate', 'Pending Proposal', 'Approval']  },
  { type: "select", values: [ 'Identify Proposal', 'Define Proposal',  'Evaluate', 'Pending Proposal', 'Approval']  },
  { type: "text" },
  null,
  null,
  null,
  null,
  null,
  null,
  null,
  null
]
});
      });

我想要做的是让我的 table 有一个下拉过滤器： http://jquery-datatables-column-filter.googlecode.com/svn/trunk/customFilters.html

但由于某些原因，它没有做它应该做的事情。我不知道我做错了什么。这是我的 table 的 link ：http://176.32.230.19/caffeine-cranked.com/Files/test.html

Answer 1

也许您需要为每列添加一种过滤器（总共 13 个）。像这样：

var path = "lib/test.csv" ;
      d3.text(path, function (datasetText) {
      var rows = d3.csv.parseRows(datasetText);
      var tbl = d3.select("#container")
          .append("table")
          .attr("id","tableID");
      // headers
      tbl.append("thead").append("tr")
        .selectAll("th")
        .data(rows[0])
        .enter().append("th")
        .text(function(d) {
            return d;
        });
       // data
      tbl.append("tbody")
        .selectAll("tr").data(rows.slice(1))
        .enter().append("tr")
        .selectAll("td")
        .data(function(d){return d;})
        .enter().append("td")
        .text(function(d){return d;})

 });

 $('#tableID').dataTable().columnFilter({
    sPlaceHolder: "head:before", 
    aoColumns: [ 
        { type: "text" },
        { type: "number" },
        { type: "select", values: [ 'Identify Proposal', 'Define Proposal',  'Evaluate', 'Pending Proposal', 'Approval']  },
        { type: "select", values: [ 'Identify Proposal', 'Define Proposal',  'Evaluate', 'Pending Proposal', 'Approval']  },
        { type: "text" },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
    ]
})

JQuery DataTable 列过滤器 - select 下拉过滤器

JQuery DataTable Column Filter - select dropdown filter

javascript

datatable

jquery

jquery-datatables