Filtering Data

Filtering is a core feature of Rowstack that enables users to narrow down large datasets based on specific criteria. With flexible conditions and an intuitive interface, users can focus on the information that matters most.

#How Filtering Works

Rowstack supports powerful client-side filtering. Users can define rules for each column (e.g., "contains", "starts with", "is empty") to include or exclude rows dynamically.

#Enabling Filtering

Filtering is enabled by default. To control filtering programmaticallly via the config prop:

const config = {
  filtering: {
    enabled: true
  }
};

<Table data={data} columns={columns} config={config} />

#Interactive Filtering

Users can apply filters directly within the grid:

  1. Toolbar Filter: Click the Filter button in the toolbar to open the filtering menu.

  2. Column Selection: Select the field you wish to filter.

  3. Condition Selection: Choose from a variety of operators such as Contains, Does not contain, Equals, and more.

#Benefits of Filtering

  • Precision: Focus on exactly the rows that meet your specific requirements.
  • Efficiency: Quickly exclude irrelevant data to streamline your workflow.
  • Flexibility: Use multiple conditions across different columns to create complex data subsets.