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 NameFirst NameCompanyZIP code
BanksTravisApple64655
CainLawrenceIBM98004
MiddletonDennisGoogle80913
ValenzuelaLuneaCisco51606
BurgessQuynnMozilla78965
LottLillithDell88178
FreemanCheyenneLG14711
HoustonJordenAdobe96036
HarrisMerrittApple25178
GregoryBrynnAdobe91558

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:

ModuleSlugConfiguration parameterNameDescriptionTypeDefault value
Alphabet Searchdatatables-alphabetsearchdatatables_alphabetsearchAlphabet SearchWhether to show an alphabet for filtering the table by a chosen column’s first character.boolean (true or false)false
Alphabet Searchdatatables-alphabetsearchdatatables_alphabetsearch_columnAlphabet Search ColumnColumn for which an alphabet for searching should be shown.string1
Alphabet Searchdatatables-alphabetsearchdatatables_alphabetsearch_alphabetAlphabet Search AlphabetWhich alphabet to use (Latin alphabet (A-Z) or Greek alphabet (Α-Ω))enum (latin or greek)latin
Alphabet Searchdatatables-alphabetsearchdatatables_alphabetsearch_numbersAlphabet Search NumbersWhether to show numbers in the alphabet.boolean (true or false)false
Alphabet Searchdatatables-alphabetsearchdatatables_alphabetsearch_lettersAlphabet Search LettersWhether to show letters/characters in the alphabet.boolean (true or false)true
Alphabet Searchdatatables-alphabetsearchdatatables_alphabetsearch_case_sensitiveAlphabet Search Case-sensitivityWhether to treat upper and lower case letters separately.boolean (true or false)false