How to add sorting to your widget

Let visitors sort data in your widget.

sorting

Adding Sorting

Sorting allows visitors to reorder the data displayed in your widget.

Open your widget in the designer
Go to the Filters tab in the right sidebar
Expand the Sorting section
Toggle sorting on
Select which columns should be sortable

Sorting appears as a dropdown alongside search and filters.

Sorting Settings

Sort by Columns

Select which columns visitors can sort by. Each selected column will appear as an option in the sort dropdown with both ascending and descending options.

Default Sort Column

Set a default sort order that applies when the widget first loads:

As per sheet - Items appear in the same order as your data source (no sorting applied)
Column (A-Z / 1-9) - Sort ascending (alphabetically or numerically)
Column (Z-A / 9-1) - Sort descending

The sort dropdown automatically detects whether a column contains numbers or text and shows the appropriate labels (A-Z vs 1-9).

Customisation

Search, filters, and sorting share the same layout and styling options.

Layout

Choose where sorting appears in your widget:

Top - Sort dropdown appears at the top, alongside search and filters
Sidebar - Sorting appears in a sidebar on the left
Inline - Sorting appears inline with search and filters

Styles & Settings

Click Styles & Settings in the Layout section to customise the appearance:

Style - Default or custom styling
Background colour - Set a background colour for search/filter controls
Border - Adjust border radius, width, and colour
Text colour - Change the text colour
Active filter colour - Colour for selected/active states

filters

Sort labels automatically adjust based on your widget language setting.

Filters - Let visitors filter data by specific criteria
Search - Let visitors search through your widget data
Widget Language - Change the language of your widget