Show Alphabet buttons above the table to filter rows by their first letter.
This feature module is part of the TablePress Premium plans.
Often, it’s interesting to quickly navigate a table alphabetically by the first letter.
Feature description
This feature adds a clickable alphabet above the table, which can be used for faster alphabetic filtering. Letters for which there are search results are shown in a different color than those which don’t have search results. When hovering the letters, the visitor will also see the number of corresponding search results. Clicking on a letter will then only show those rows where the configured column starts with the clicked letter.
Here is an example:
| Last Name | First Name | Company | ZIP code |
|---|---|---|---|
| Banks | Travis | Apple | 64655 |
| Cain | Lawrence | IBM | 98004 |
| Middleton | Dennis | 80913 | |
| Valenzuela | Lunea | Cisco | 51606 |
| Burgess | Quynn | Mozilla | 78965 |
| Lott | Lillith | Dell | 88178 |
| Freeman | Cheyenne | LG | 14711 |
| Houston | Jorden | Adobe | 96036 |
| Harris | Merritt | Apple | 25178 |
| Gregory | Brynn | Adobe | 91558 |
You can choose between showing the “Latin” or the “Greek” alphabet, as well as whether letters and/or numbers should be shown. For letters, it’s then also possible to choose if uppercase and lowercase letters should be shown separately.
Usage instructions
To use this feature with your tables, enable the “Alphabet Search” module on the TablePress “Modules” screen.
Then, activate and configure the feature for the desired tables on the corresponding “Edit” screen.
Configuration parameters
To configure this module’s features, you can also use these configuration parameters in the “TablePress Table” block or in the Shortcode that you are using to embed the table:
| Module | Slug | Configuration parameter | Name | Description | Type | Default value | |
|---|---|---|---|---|---|---|---|
| Alphabet Search | datatables-alphabetsearch | datatables_alphabetsearch | boolean (true or false) | false | |||
| Alphabet Search | datatables-alphabetsearch | datatables_alphabetsearch_column | string | 1 | |||
| Alphabet Search | datatables-alphabetsearch | datatables_alphabetsearch_alphabet | enum (latin or greek) | latin | |||
| Alphabet Search | datatables-alphabetsearch | datatables_alphabetsearch_numbers | boolean (true or false) | false | |||
| Alphabet Search | datatables-alphabetsearch | datatables_alphabetsearch_letters | boolean (true or false) | true | |||
| Alphabet Search | datatables-alphabetsearch | datatables_alphabetsearch_case_sensitive | boolean (true or false) | false |
On this page