Question 1

How do I change the drag line color in use-antd-resizable-header?

Accepted Answer

You can modify the drag line color by setting the CSS variable --resizable-line-background in your global styles or component CSS. The default is #000, and this customization is documented in the README under the color change section.

Question 2

use-antd-resizable-header vs manual implementation for antd tables?

Accepted Answer

This hook is faster for integration and provides type safety, saving development time on drag logic and antd compatibility. Manual implementations offer more control but require handling state, events, and antd integration from scratch, making them better for highly custom needs.

Question 3

How to prevent infinite re-renders when using use-antd-resizable-header?

Accepted Answer

Wrap your columns array in useMemo with appropriate dependencies, as recommended in the README. This prevents the hook from re-rendering due to column reference changes, which is crucial for performance in dynamic tables.

Question 4

Does use-antd-resizable-header support saving widths to a database?

Accepted Answer

No, it only supports localStorage out of the box for persistence. For database saving, use the onResizeEnd callback to capture width changes and implement custom backend logic, as the columnsState property is limited to localStorage.

Question 5

What are common issues with ProTable fixed columns?

Accepted Answer

ProTable adds default widths to fixed columns, which can violate the adaptable column rule. The README suggests solutions like manually setting fixed column widths or leaving one non-fixed column without width, adding setup complexity.

Question 6

Is use-antd-resizable-header compatible with server-side rendering?

Accepted Answer

It works with SSR but requires client-side hydration for drag functionality, as it relies on browser events and localStorage. Ensure your setup handles this to avoid layout shifts or errors during initial render.

use-antd-resizable-header

What is use-antd-resizable-header?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions