2

我正在使用 datatables.net 来显示 5 列和大约 2,000 行。我已经将此API 初始化应用到我的代码中并且它可以工作,但是由于我的表中数据的数量和类型,过滤器下拉菜单没有那么有用。

以下是我正在使用的数据的列标题:

<thead>
 <tr>
  <th>Post Date</th>
  <th>Post Title</th>
  <th>Author Name</th>
  <th>Categories</th>
  <th>Page Views</th>
 </tr>
</thead>

发布日期:包含 2012 年的几乎每一天,格式为“Thu 11/29/12”“Wed 11/28/12”等。我希望过滤器下拉仅包含一周中 7 天的缩写. 这样我们就可以过滤所有星期一的帖子等。

帖子标题:包含大约 2,000 个独特的博客帖子标题,因此这里没有什么可过滤的。根本不显示过滤器下拉菜单。

作者:许多不同的作者提交帖子,因此此过滤器下拉列表应基于列中的数据构建。

类别:包含逗号分隔的短列表,如“新闻、事件、体育”或“优惠、周末”或可能只有一个类别“夜生活”等。类别数量有限,这些不会改变,所以硬编码列表会工作。我不需要所有类别的组合。只是为了能够过滤归类为“交易”的帖子,而不管“交易”与什么配对。

Page Views:包含不同的数值,因此不需要显示过滤器。当视图大于 100、500、1000 等时,这里可能会变得贪婪并要求过滤器,但这不是必需的。

我刚刚学习 jquery,这就是为什么我很高兴看到可以轻松实现 Datatables 以提供大量信息的专业外观和功能视图。但是,我发现我无法真正自定义其他人的工作,所以我希望一种 Stack Overflow 用户能够编辑表初始化代码(见此处:http ://datatables.net/examples/api/multi_filter_select.html ) 与我上面概述的表格一起工作。

您的回答可能是,这对工作来说太习惯了,并且需要的时间对于免费的 Stack Overflow 解决方案来说并不典型。但是,我认为如果您发布一些代码,其他人可能会发现此示例很有用。谢谢您的考虑。

4

1 回答 1

5

这个插件帮助了我:https ://code.google.com/p/jquery-datatables-column-filter/特别是复选框示例:http: //jquery-datatables-column-filter.googlecode.com/svn/trunk /checkbox.html

于 2012-12-11T06:04:55.027 回答