Individual column search #
The premium version of the plugin supports a number of advanced search options. To search individual columns of a data table, this feature needs be enabled.
Inline demo individual column search #
This feature adds searchboxes to the table footer.
| ID | Lastname | Firstname | Gender | Date Of Birth | Address | Zipcode | City | County | Country | Phone No | Registration Date | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ID | Lastname | Firstname | Gender | Date Of Birth | Address | Zipcode | City | County | Country | Phone No | Registration Date |
Use option wpda_searchbox in the table options advanced column to add searchboxes to the header, footer or both:
{ "wpda_searchbox": "header" }{ "wpda_searchbox": "footer" }{ "wpda_searchbox": "both" }Setting option wpda_searchbox to none disables individual column search for a specific data table. Thanks for the tip Charles!
{ "wpda_searchbox": "none" }Search and list box placeholder prefixes #
Placeholders prefixed with Search are added to individual column search and list boxes by default. This prefix can be changed (or removed) using option wpda_search_placeholder_prefix.
Examples #
Add Italian translation
{ "wpda_search_placeholder_prefix": "Ricerca" }Remove prefix
{ "wpda_search_placeholder_prefix": "" }Remove prefix and add search icon
{ "wpda_search_placeholder_prefix": "icon" }Removing placeholders #
It is also possible to completely remove the placeholders with option wpda_search_placeholder.
Examples #
{ "wpda_search_placeholder": "true" }
{ "wpda_search_placeholder": "false" }
{ "wpda_search_placeholder": "icon" }Combining options #
You can also combine wpda_search_placeholder_prefix and wpda_search_placeholder.
{
"wpda_search_placeholder_prefix": "icon",
"wpda_search_placeholder": "false"
}Styling searchboxes #
All searchboxes and listboxes contain CSS class wpda_search_textbox, which can be used for styling. Additionally, the column name is added as a CSS class as well, for individual searchbox styling.