內容簡介
示範
您可以在這裡找到更多示範。
特色
無限列篩選
每列可添加多個篩選類別（如需）
篩選部落格文章
[付費版] 篩選無限行
[付費版] 美化活躍篩選按鈕外觀
[付費版] 頁面載入後直接套用篩選
[付費版] 增加過濾動畫效果
[付費版] 在同一頁面上擁有多個篩選器
[付費版] 多選篩選功能（在文檔中有詳細說明）
[付費版] 更多功能（見文檔）
購買付費版
設置
按鈕：
點擊灰色齒輪圖示（位於要進行篩選的按鈕上）以進入按鈕設置。
進入進階設置 -> CSS ID & Classes -> CSS Class。這裡新增 df-button 類別。
此外，添加您想要用來篩選的任何類別，例如：dfc-[您的類別]，例如：dfc-cats。
重要提示：按鈕必須在可篩選元素所在的分區中。
分區：
點擊藍色齒輪圖示以進入分區設置。
進入進階設置 -> CSS ID & Classes -> CSS Class。這裡新增 df-area 類別。
列：
點擊綠色齒輪圖示以進入列設置。
在列設置中，點擊齒輪圖示以訪問列設置。
進入進階設置 -> CSS ID & Classes -> CSS Class。
在此添加您想要使其可篩選的所有 dfc-[您的類別] 類別。例如：您的 dfc-cats 類別。
對於要進行篩選的所有列都要進行此操作。
更詳細的文檔
官方產品頁面
外掛標籤
開發者團隊
原文外掛簡介
DEMOS
You can find more demos here.
FEATURES
Filter unlimited columns
Add multiple filter categories to each column (if desired)
Filter blog posts
[PREMIUM] Filter unlimited rows
[PREMIUM] Style active filter button
[PREMIUM] Start filtered, right after page loads.
[PREMIUM] Add animations to your filtering
[PREMIUM] Have multiple filters on one page
[PREMIUM] Multi select filtering (explained in Documentation)
[PREMIUM] And more (see in (Documentation)
Get the premium version
SETUP
Buttons:
Click on the grey gear icon to access the Button Settings (on the button, that you want to filter with).
Go to Advanced -> CSS ID & Classes -> CSS Class. Here you add the df-button class.
Additionally add any category that you want to filter with that button like that: dfc-[your category] e.g. dfc-cats.
Important: Buttons have to be in a seperate section, than your filterable elements.
Section:
Click on blue gear icon to access the Section Settings.
Go to Advanced -> CSS ID & Classes -> CSS Class. Here you add the df-area class.
Columns:
Click on green gear icon to access the Row Settings.
In the Row Settings click on the gear icon the access the Column Settings.
Go to Advanced -> CSS ID & Classes -> CSS Class.
Here you add all the dfc-[your category] class you want e.g. your dfc-cats class.
Do that for all Columns you want to make filterable.
A more detailed documentation
Official Product Page
