Show alphabet buttons above the table to filter rows by their first letter!
Alphabet Search
Often, it’s interesting to quickly navigate a table alphabetically by the first letter of a column.
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 these features with your tables, activate the “Alphabet Search” feature module on the “Modules” screen of TablePress Pro or TablePress Max. Then, configure the desired options in the “Alphabet Search” section on the table’s “Edit” screen.
Configuration parameters
To configure this module’s features, you can also use these configuration parameters in the “TablePress Table” block, the Elementor widget, 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 |