Search Panes demo

This demo uses a search pane to allow users to select a gender and country. Selections are reflected in the result table immediately. Search panes can be combined with global search, but cannot be combined with individual column search.

A search pane is a user friendly interface to help users to filter table data. Search Panes is a premium feature.

FirstnameLastnameGenderEmailPhone NoCountryCountyCityZipcodeAddressDate Of BirthRegistration DateID
FirstnameLastnameGenderEmailPhone NoCountryCountyCityZipcodeAddressDate Of BirthRegistration DateID

Shortcode arguments used for this demo

[wpdataaccess pub_id="12"]

Adding search panes to a publication

The following options where added to this publication to activate the search panes (read more). This also adds a number of buttons which are available with the premium version as well.

{
	"dom": "Pfrtip",
	"serverSide": false,
	"stateSave": false,
	"searchPanes": {
        	"layout": "columns-2"
    }
}

Limitations

  • Server-side processing is NOT support for search panes (serverSide must be false)
  • With serverSide = false all table data will be loaded to the client on page request
  • Search panes cannot be used for large tables

Notes

  • To activate Search Panes add P to your dom option (see code above)
  • A search pane can be activate using a button as well (show demo)
  • Option serverSide must be false (see code above)