Skip to main content

Table Component — Column Width, Filtering & Clear Filters (Web) - User Guide

Written by Trevor Shaffer

Overview

Redlist tables on the web now give you more control over how data is displayed and filtered. Three enhancements have been made to the Table Component:

  • Column width persistence — resize any column and the width sticks across page reloads.

  • Context-aware column filtering — filter dropdowns only show values that exist in the current result set, so your options stay relevant as you narrow down the data.

  • Clear All Filters — a single button removes all active column filters at once.

These improvements apply across all tables that use the standard Table Component in Redlist.

Resizing and Saving Column Widths

  1. Hover over the border between two column headers until the resize cursor appears.

  2. Click and drag the border to set the column to the desired width.

  3. Release the mouse. The new width is saved automatically.

  4. Reload the page — the column width remains at your last saved size.

Note: There is no way to reset column widths independently, aside from manually resizing them back. If you want to return all columns to their default state, open the Column Options (⚙) modal and select Restore Defaults — keep in mind this will also reset column visibility and order.

Filtering by Column Values

  1. Click the filter icon in any column header to open the filter dropdown.

  2. The dropdown shows only the values that exist in the current visible result set.

  3. Select one or more values to filter the table. The table updates immediately.

  4. Open another column's filter dropdown — it now reflects only the values available within your first filter's results.

Note: To remove a filter from a single column, open that column's filter dropdown and click Reset Filters or deselect individual values.

Clearing All Active Filters

  1. Apply one or more column filters. The Clear filters (N) button in the toolbar becomes enabled, and (N) is appended to the label showing the number of active filters.

  2. Click Clear filters (N) to remove all active column filters at once.

  3. The table re-fetches and displays the full unfiltered result set immediately.

Note: The Clear filters button is disabled when no filters are active and becomes enabled as soon as at least one column filter is applied.

Setting the Row Count

  1. Open any table.

  2. In the toolbar, locate the rows per page selector.

  3. Choose 100, 250, or 500 rows.

  4. Your selection is saved per table and persists across sessions.

How It Works

Context-Aware Filter Options

When you open a column's filter dropdown, Redlist evaluates the current result set (after all other active filters are applied) and populates the dropdown with only the values present in that filtered data. This means:

  1. You will never see a filter option that would return zero results.

  2. As you add more filters, each dropdown stays scoped to what is actually available in the remaining data.

  3. If you have a filter dropdown open and another filter changes, the open dropdown refreshes its options automatically.

Use Cases

Quick data exploration — A user resizes the Description column to read full text, then filters by Component Type and Status. The Status dropdown only shows statuses that exist for that component type, making it easy to find exactly what they need without guessing which filter values are valid.

Bulk filter reset — After applying several column filters to investigate a data set, a user clicks Clear filters (4) to return to the full table view in a single click, rather than manually removing each filter.

Persistent layouts — A supervisor regularly works with narrow ID columns and wide Name/Description columns. After resizing once, their layout is preserved every time they return to the table — no need to adjust on each visit.

Important Notes

  • Column widths are browser-local — widths saved on one device or browser are not synced to other devices or browsers.

  • Restore Defaults resets all column customizations — using Restore Defaults in the Column Options modal resets column widths, visibility, and order back to their defaults.

  • Filter options are live — the filter dropdown content updates in real time as other filters change. This ensures you always see relevant options.

Troubleshooting

Issue: My column widths reset after a browser update or clearing browser data.

Solution:

  1. Column widths are stored in your browser. Clearing browser data (cache, cookies, and site data) removes saved widths.

  2. Resize and save your columns again after any browser data clear.

Issue: The Clear filters button is not visible.

Solution:

  1. The button is only available on tables that support column filtering. If you don’t see it at all, confirm you are on a table that supports column filtering.

  2. If you see no filter controls at all, confirm you are on a table that supports column filtering.

Issue: A filter option I expect to see is missing from the dropdown.

Solution:

  1. Filter options are scoped to the current result set. If a value does not appear, it means no items with that value exist within the currently filtered data.

  2. Clear one or more other filters to expand the result set and see if the value appears.

Summary

Three table enhancements are now available on the web: column width persistence (resize once, and it sticks across reloads, stored per table in your browser), context-aware column filtering (dropdowns only show values present in the current filtered data, and refresh automatically as other filters change), and Clear All Filters (a toolbar button that removes all active column filters at once). Together, these make it faster and easier to work with large data sets in Redlist tables.

Did this answer your question?