TablePress-如何在表格上方添加篩選下拉選單

DataTables ColumnFilterWidgets


最近幫客戶做一網頁,商品部份都是英文文字表格,已使用TablePress,可是客戶要求在表格上方增加某一欄的搜尋功能,線上找了好久,才找到這位佛心作者有增加其擴充功能,立刻下載使用,別忘了捐個11元美金給辛苦的作者喔!

允許在表格上方添加過濾下拉框 方式:                                     
這是TablePress的高級擴充支持和開發它需要做很多工作。                                       
為了讓作者能夠在將來提供擴請考慮捐贈。此擴充的建議金額為11美元

下載:
DataTables ColumnFilterWidgets Extension 1.7
DataTables JavaScript庫有一個ColumnFilterWidgets插件,允許在表格上方添加過濾下拉框。每列將獲得一個包含該列所有可能值的選擇框。

要在表中使用它,請像WordPress插件一樣下載,安裝和激活此擴。然後改變你的表的短代碼
[table “” not found /]


改為 [table “” not found /]


如果您不想為每列添加下拉列表,可以在Shortcode中添加另一個參數,並使用逗號分隔的列列表,例如(第2,3,4欄不要下拉搜尋框)[table “” not found /]


我在後面改為=>exclude_columns = 1,2,3,4,5,6(1~6欄不顯示,只顯示第7欄Packang),結果如下:

這將為所有列添加一個選擇框,第2,3和4列除外。請注意,此處的列編號表示沒有隱藏在表的“編輯”屏幕上的那些列,即只顯示在確定列號時應計算表格。

要設置每個dropthisdown允許的選擇數限制框,請添加以下參數:[table “” not found /]


這樣,一次只能從每個下拉列表中選擇一個值。在他可以選擇另一個之前,它必須被訪問者刪除。

 

來自 <https://tablepress.org/extensions/datatables-columnfilterwidgets/>