No results found. Try again with different words?

Search must be at least 3 characters.

    How to add Sortable and Searchable Table? How to Show Entries Dropdown?

    Sometimes it is irritating for a user to search for specific table entry by scrolling table all the way down and up. Table module provides some cool options that allow a user to sort a table with few clicks and search for a particular section in minimum time.

    Table module provides options to make the table sortable and searchable. Sortable tables are effective as they allow the user to sort the table by clicking on table headings. While searchable tables make searching task super easy for a user. It displays a search box for the table so that the user can search exact content from the table.

    Table module also allows controlling the number of entries in a table.

    Features tab in Table module list these settings-

    Sortable Table 

    • Enabling this option will display arrows in all table heading section.
    • A user can sort table entries on the click of arrows in table headings.
    • Clicking on the arrow will sort the table alphabetically.

    Searchable Table

    • Enabling this option will display a search box above the table.
    • A user can type the string or content that needs to be searched/filtered.
    • The row that has matching content will be displayed.

    Show Entries Dropdown 

    • This option let the user control the number of entries to display.
    • A user can select a number of rows that should display.

    You can enhance the design of Search / Show Entries Box from Style > Entries Dropdown and Search Field section. Color, Background, Border, Padding can be adjusted to match these boxes with your design theme.

    Was this article helpful?

    Did not find a solution? We are here to help you succeed.

    Related Docs

    Grab this rare opportunity to save up to 50%

    WOAH, HOLD ON THERE!

    Don't Miss Our Biggest Discount

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    You are backed by 100% risk-free money-back guarantee.

    Grab Our Biggest Discount Of All Time. Don’t Miss Out!

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Free Download

    Enter your name & email address to download this awesome freebie.

    Scroll to Top