模仿Google表格排序和過濾功能的Javascript插件？

Question

想知道是否有人知道一個JavaScript插件的功能來排序和過濾類似於Google表格和Excel的HTML表格（請參閱圖片）。具體來說，過濾功能是可以檢查/取消選中多個值的類型（與只能搜索一個值的搜索框相反）。

我知道功能的存在，但我看起來很高，也沒有找到任何東西。下面是一些沒有有複選框過濾選項：

• http://www.listjs.com/
• http://www.javascripttoolbox.com/lib/table/index.php
• http://www.datatables.net/
• http://tablesorter.com/docs/
• http://www.javascriptkit.com/script/script2/tablefilter.shtml

名單可以繼續下去，但我還沒有找到任何東西。

（圖片中的名字是假的）。

Answer 1

你也許可以寫自己，在this answer看到。

其基本思想是您爲每個唯一值提供一個複選框，並且只顯示相應複選框是否爲true。 JS的grep特性應該會有很大的幫助。

Answer 2

這應該可以幫助您與您的項目：https://code.google.com/p/jquery-datatables-column-filter/它是datatables.net，你已經遇到一個插件。

有示例代碼，使您的表在這裏的多選框型過濾器：http://jquery-datatables-column-filter.googlecode.com/svn/trunk/checkbox.html

有了一些CSS魔法，你應該能夠使它看起來酷似谷歌表如果你想。