useResizeColumns

  • Plugin Hook
  • Optional

useResizeColumns is a plugin hook that adds support for resizing headers and cells when using non-table elements for layout eg. the useBlockLayout and useAbsoluteLayout hooks. It even supports resizing column groups!

Table Options

  • disableResizing: Bool
    • Defaults to false
    • When set to true, resizing is disabled across the entire table

Column Options

The core column options width, minWidth and maxWidth are used to calculate column and cell widths and must be set. See Column Options for more information on these options.

  • disableResizing: Bool
    • Defaults to false
    • When set to true, resizing is disabled for this column

Header Properties

  • getResizerProps
    • Usage Required
    • This core prop getter is required to to enable absolute layout for headers
  • canResize: Bool
    • Will be true if this column can be resized
  • isResizing: Bool
    • Will be true if this column is currently being resized

Example

Was this page helpful?

Subscribe to our newsletter

The latest TanStack news, articles, and resources, sent to your inbox.

    I won't send you spam.

    Unsubscribe at any time.

    © 2020 Tanner Linsley. All rights reserved.