InFilterValueResult

Result when providing custom values for the IN Column Filter

TypeScript
export interface

Properties

PropertyTypeDescription
hasMorebooleanWhen true, scrolling near the end of the list re-invokes customInFilterValues with a larger offset. New values are appended (same search). Search changes reset the list and set offset back to 0.
renderInputValues(params: { selectedValues:InFilterValue[]; selectedCount: number }) => stringCustom text for the collapsed IN Filter input. Receives the currently selected items (and their count) and must return a string so it works in React, Angular, Vue and vanilla. When omitted, the input shows the selected count (e.g. (3)) followed by the selected labels joined with a comma. When provided, it fully replaces that text (including the count - render one yourself if you want it).
skipDefaultSearchbooleanIf true, AdapTable will not filter the list using the current search value
valuesInFilterValue[]List of Items to display in the IN Column Filter

Property Details

hasMore

When true, scrolling near the end of the list re-invokes customInFilterValues with a larger offset. New values are appended (same search). Search changes reset the list and set offset back to 0.

TypeScript
hasMore?: boolean;
Property Value

boolean

renderInputValues

Custom text for the collapsed IN Filter input.

Receives the currently selected items (and their count) and must return a string so it works in React, Angular, Vue and vanilla.

When omitted, the input shows the selected count (e.g. (3)) followed by the selected labels joined with a comma. When provided, it fully replaces that text (including the count - render one yourself if you want it).

For tree-shaped filters (group columns and date columns), each selected leaf is one entry in selectedValues: its value is the full leaf path and its label the joined path label. selectedCount is the number of selected leaves.

TypeScript
renderInputValues?: (params: {
  selectedValues: InFilterValue[];
  selectedCount: number;
}) => string;
Property Value

(params: { selectedValues:InFilterValue[]; selectedCount: number }) => string

skipDefaultSearch

If true, AdapTable will not filter the list using the current search value

TypeScript
skipDefaultSearch?: boolean;
Property Value

boolean

values

List of Items to display in the IN Column Filter

TypeScript
values: InFilterValue[];
Property Value

InFilterValue[]