QUI React Table

Row

The Row types are organized by feature. All feature types are ultimately joined in the single Row type definition. Below, we've separated the interfaces by feature to keep them organized.

API

CoreRow

Name & DescriptionOption(s)Default
The depth of the row (if nested or grouped) relative to the root row array.
number
Returns all of the cells for the row.
      () => Cell<
      TData,
      unknown,
      ColumnMeta
      >[]
      Returns the leaf rows for the row, not including any parent rows.
          () => Row<TData>[]
          Returns the parent row for the row, if it exists.
              () => Row<TData>
              Returns the parent rows for the row, all the way up to a root row.
                  () => Row<TData>[]
                  Returns a unique array of values from the row for a given columnId.
                      (
                      columnId: string,
                      ) => Array<TValue>
                      Returns the value from the row for a given columnId.
                          (
                          columnId: string,
                          ) => TValue
                          The resolved unique identifier for the row resolved via the options.getRowId option. Defaults to the row's index (or relative index if it is a subRow).
                          string
                          The index of the row within its parent array (or the root data array).
                          number
                          The original row object provided to the table. If the row is a grouped row, the original row object will be the first original in the group.
                          TData
                          An array of subRows for the row as returned and created by the options.getSubRows option.
                          Row[]
                          An array of the original subRows as returned by the options.getSubRows option.
                          Array<TData>
                          If nested, this row's parent row id.
                          string
                          Type
                          number
                          Description
                          The depth of the row (if nested or grouped) relative to the root row array.
                          Type
                          () => Cell<
                          TData,
                          unknown,
                          ColumnMeta
                          >[]
                          Description
                          Returns all of the cells for the row.
                              Type
                              () => Row<TData>[]
                              Description
                              Returns the leaf rows for the row, not including any parent rows.
                                  Type
                                  () => Row<TData>
                                  Description
                                  Returns the parent row for the row, if it exists.
                                      Type
                                      () => Row<TData>[]
                                      Description
                                      Returns the parent rows for the row, all the way up to a root row.
                                          Type
                                          (
                                          columnId: string,
                                          ) => Array<TValue>
                                          Description
                                          Returns a unique array of values from the row for a given columnId.
                                              Type
                                              (
                                              columnId: string,
                                              ) => TValue
                                              Description
                                              Returns the value from the row for a given columnId.
                                                  Type
                                                  string
                                                  Description
                                                  The resolved unique identifier for the row resolved via the options.getRowId option. Defaults to the row's index (or relative index if it is a subRow).
                                                  Type
                                                  number
                                                  Description
                                                  The index of the row within its parent array (or the root data array).
                                                  Type
                                                  TData
                                                  Description
                                                  The original row object provided to the table. If the row is a grouped row, the original row object will be the first original in the group.
                                                  Type
                                                  Row[]
                                                  Description
                                                  An array of subRows for the row as returned and created by the options.getSubRows option.
                                                  Type
                                                  Array<TData>
                                                  Description
                                                  An array of the original subRows as returned by the options.getSubRows option.
                                                  Type
                                                  string
                                                  Description
                                                  If nested, this row's parent row id.

                                                  ColumnPinningRow

                                                  Name & DescriptionOption(s)Default
                                                  Returns all center pinned (unpinned) leaf cells in the row.
                                                      () => Cell<
                                                      TData,
                                                      unknown,
                                                      ColumnMeta
                                                      >[]
                                                      Returns all left pinned leaf cells in the row.
                                                          () => Cell<
                                                          TData,
                                                          unknown,
                                                          ColumnMeta
                                                          >[]
                                                          Returns all right pinned leaf cells in the row.
                                                              () => Cell<
                                                              TData,
                                                              unknown,
                                                              ColumnMeta
                                                              >[]
                                                              Type
                                                              () => Cell<
                                                              TData,
                                                              unknown,
                                                              ColumnMeta
                                                              >[]
                                                              Description
                                                              Returns all center pinned (unpinned) leaf cells in the row.
                                                                  Type
                                                                  () => Cell<
                                                                  TData,
                                                                  unknown,
                                                                  ColumnMeta
                                                                  >[]
                                                                  Description
                                                                  Returns all left pinned leaf cells in the row.
                                                                      Type
                                                                      () => Cell<
                                                                      TData,
                                                                      unknown,
                                                                      ColumnMeta
                                                                      >[]
                                                                      Description
                                                                      Returns all right pinned leaf cells in the row.

                                                                          FiltersRow

                                                                          Name & DescriptionOption(s)Default
                                                                          The column filters map for the row. This object tracks whether a row is passing/failing specific filters by their column ID.
                                                                          Record<
                                                                          string,
                                                                          boolean
                                                                          >
                                                                          The column filters meta map for the row. This object tracks any filter meta for a row as optionally provided during the filtering process.
                                                                          Record<
                                                                          string,
                                                                          Record<string, any>
                                                                          >
                                                                          Type
                                                                          Record<
                                                                          string,
                                                                          boolean
                                                                          >
                                                                          Description
                                                                          The column filters map for the row. This object tracks whether a row is passing/failing specific filters by their column ID.
                                                                          Type
                                                                          Record<
                                                                          string,
                                                                          Record<string, any>
                                                                          >
                                                                          Description
                                                                          The column filters meta map for the row. This object tracks any filter meta for a row as optionally provided during the filtering process.

                                                                          GroupingRow

                                                                          Name & DescriptionOption(s)Default
                                                                          Returns the grouping value for any row and column (including leaf rows).
                                                                            (
                                                                            columnId: string,
                                                                            ) => unknown
                                                                            Returns whether the row is currently grouped.
                                                                              () => boolean
                                                                              If this row is grouped, this is the id of the column that this row is grouped by.
                                                                              string
                                                                              If this row is grouped, this is the unique/shared value for the groupingColumnId for all of the rows in this group.
                                                                              unknown
                                                                              Type
                                                                              (
                                                                              columnId: string,
                                                                              ) => unknown
                                                                              Description
                                                                              Returns the grouping value for any row and column (including leaf rows).
                                                                                Type
                                                                                () => boolean
                                                                                Description
                                                                                Returns whether the row is currently grouped.
                                                                                  Type
                                                                                  string
                                                                                  Description
                                                                                  If this row is grouped, this is the id of the column that this row is grouped by.
                                                                                  Type
                                                                                  unknown
                                                                                  Description
                                                                                  If this row is grouped, this is the unique/shared value for the groupingColumnId for all of the rows in this group.

                                                                                  RowSelectionRow

                                                                                  Name & DescriptionOption(s)Default
                                                                                  Returns whether the row can multi-select.
                                                                                    () => boolean
                                                                                    Returns whether the row can be selected.
                                                                                      () => boolean
                                                                                      Returns whether the row can select sub rows automatically when the parent row is selected.
                                                                                        () => boolean
                                                                                        Returns whether all of the row's sub rows are selected.
                                                                                          () => boolean
                                                                                          Returns whether the row is selected.
                                                                                            () => boolean
                                                                                            Returns whether some of the row's sub rows are selected.
                                                                                              () => boolean
                                                                                              Returns a handler that can be used to toggle the row.
                                                                                                () => (
                                                                                                event: unknown,
                                                                                                ) => void
                                                                                                Selects/deselects the row.
                                                                                                  (
                                                                                                  value?: boolean,
                                                                                                  opts?: {
                                                                                                  selectChildren?: boolean
                                                                                                  },
                                                                                                  ) => void
                                                                                                  Type
                                                                                                  () => boolean
                                                                                                  Description
                                                                                                  Returns whether the row can multi-select.
                                                                                                    Type
                                                                                                    () => boolean
                                                                                                    Description
                                                                                                    Returns whether the row can be selected.
                                                                                                      Type
                                                                                                      () => boolean
                                                                                                      Description
                                                                                                      Returns whether the row can select sub rows automatically when the parent row is selected.
                                                                                                        Type
                                                                                                        () => boolean
                                                                                                        Description
                                                                                                        Returns whether all of the row's sub rows are selected.
                                                                                                          Type
                                                                                                          () => boolean
                                                                                                          Description
                                                                                                          Returns whether the row is selected.
                                                                                                            Type
                                                                                                            () => boolean
                                                                                                            Description
                                                                                                            Returns whether some of the row's sub rows are selected.
                                                                                                              Type
                                                                                                              () => (
                                                                                                              event: unknown,
                                                                                                              ) => void
                                                                                                              Description
                                                                                                              Returns a handler that can be used to toggle the row.
                                                                                                                Type
                                                                                                                (
                                                                                                                value?: boolean,
                                                                                                                opts?: {
                                                                                                                selectChildren?: boolean
                                                                                                                },
                                                                                                                ) => void
                                                                                                                Description
                                                                                                                Selects/deselects the row.

                                                                                                                  ExpandedRow

                                                                                                                  Name & DescriptionOption(s)Default
                                                                                                                  Returns whether the row can be expanded.
                                                                                                                    () => boolean
                                                                                                                    Returns whether all parent rows of the row are expanded.
                                                                                                                      () => boolean
                                                                                                                      Returns whether the row is expanded.
                                                                                                                        () => boolean
                                                                                                                        Returns a function that can be used to toggle the expanded state of the row. This function can be used to bind to an event handler to a button.
                                                                                                                          () => () => void
                                                                                                                          Toggles the expanded state (or sets it if expanded is provided) for the row.
                                                                                                                            (
                                                                                                                            expanded?: boolean,
                                                                                                                            ) => void
                                                                                                                            Type
                                                                                                                            () => boolean
                                                                                                                            Description
                                                                                                                            Returns whether the row can be expanded.
                                                                                                                              Type
                                                                                                                              () => boolean
                                                                                                                              Description
                                                                                                                              Returns whether all parent rows of the row are expanded.
                                                                                                                                Type
                                                                                                                                () => boolean
                                                                                                                                Description
                                                                                                                                Returns whether the row is expanded.
                                                                                                                                  Type
                                                                                                                                  () => () => void
                                                                                                                                  Description
                                                                                                                                  Returns a function that can be used to toggle the expanded state of the row. This function can be used to bind to an event handler to a button.
                                                                                                                                    Type
                                                                                                                                    (
                                                                                                                                    expanded?: boolean,
                                                                                                                                    ) => void
                                                                                                                                    Description
                                                                                                                                    Toggles the expanded state (or sets it if expanded is provided) for the row.

                                                                                                                                      VisibilityRow

                                                                                                                                      Name & DescriptionOption(s)Default
                                                                                                                                      Returns an array of cells that account for column visibility for the row.
                                                                                                                                          () => Cell<
                                                                                                                                          TData,
                                                                                                                                          unknown,
                                                                                                                                          ColumnMeta
                                                                                                                                          >[]
                                                                                                                                          Type
                                                                                                                                          () => Cell<
                                                                                                                                          TData,
                                                                                                                                          unknown,
                                                                                                                                          ColumnMeta
                                                                                                                                          >[]
                                                                                                                                          Description
                                                                                                                                          Returns an array of cells that account for column visibility for the row.