我正在使用tablesorter 2.7.9(Mottie's fork)和過濾器函數小部件,我希望內置的select下拉列表能夠選擇空單元格值作爲過濾器選項。有沒有人知道一個簡單的方法來做到這一點,除了在所有的空單元格中加入假值?我的過濾器下拉列表包含2個空白選項:一個用於取消選擇過濾器,另一個用於匹配表格中的數據值,但當然將其設置爲僅取消選擇該過濾器。Tablesorter - 空單元格上的過濾器函數
回答
令人遺憾的是,沒有一種簡單的方法可以通過過濾器小部件的寫入方式來選擇空單元格。主要問題是我們如何區分清除過濾器和搜索空表格單元?
我可以添加一些方法來專門查找空表格單元格,或者如您所說在空表格單元格中添加「假」值 - 一種方法是在空單元格內添加<span style="display:none">{empty}</span>
。然後,選擇下拉菜單將包含{empty}
條目,以便用戶知道他們正在選擇什麼(demo)。
這樣可以嗎?
感謝您的回覆,我現在將使用假值。我沒有想過要添加一個隱藏的跨度。由於空值會再次添加到過濾器下拉列表中,因此用戶認爲空應該是可選的。我認爲一個增強,要麼刪除這個額外的價值(或更好)增加某種硬編碼的空匹配字符串的選項值將是偉大的! – user2093214 2013-02-21 17:31:34
從v2.21.5開始,您可以使用不需要修改HTML的替代方法 - 請參閱http://stackoverflow.com/a/29506523/145346 – Mottie 2015-04-08 05:23:02
您可以使用正則表達式
var filters = [],
col = <insertColumnNumberHere>, // the column number to perform the search on
txt = "/^$/"; // ^$ = empty string
filters[col] = txt;
$.tablesorter.setFilters($('table'), filters, true);
用空字符串的正則表達式的知識,你應該能夠創建一個droplist其中的空白選項之一爲"/^$/"
值尋找一個空字符串。
- 1. 總數值上的Tablesorter過濾器
- 2. TableSorter多過濾器
- 3. Tablesorter過濾器HTML
- 4. 過濾鏈接但空的單元格
- 5. Tablesorter中的預過濾器
- 6. 表格單元格上的簡單過濾器
- 7. 忽略空格/空白單元與過濾器
- 8. tablesorter的單元格計算
- 9. 的tablesorter過濾器窗口小部件,的tablesorter過濾器和分頁問題
- 10. 使用tablesorter過濾器小部件從表格單元格中排除子元素
- 11. tablesorter過濾日期格式dd-mm-yyyy
- 12. 使用Tablesorter +過濾器的列寬度
- 13. iPad瀏覽器上的空單元格
- 14. jquery tablesorter排序空表格單元格last
- 15. 如何在包含HTML元素的單元格中使用jQuery tablesorter的過濾器插件?
- 16. Tablesorter自定義過濾器功能 - 全表過濾器
- 17. 具有納格網格過濾器的單元格模板
- 18. Excel高級過濾器 - 過濾具有多個單元格值的表格
- 19. 單元測試作爲過濾器的作用域函數
- 20. jQuery的tablesorter過濾器 - 如何計算過濾行
- 21. Excel函數與空白單元格
- 22. 從Tablesorter卸載過濾器小部件
- 23. Tablesorter過濾器顯示但不工作
- 24. 過濾表後jQuery tablesorter過濾下拉菜單
- 25. Jquery過濾表格單元格
- 26. 格式化單元格內容的Slickgrid過濾器
- 27. 將數據透視表過濾器鏈接到單元格
- 28. VBA選擇過濾的單元格
- 29. 複製自動過濾的單元格
- 30. JQuery tablesorter:修改它如何排序空單元格
讓我們看看一些代碼。請給我們一個JSFiddle以更好地幫助你:) – 2013-02-20 22:36:19