https://github.com/runjuu/column-resizer

🐙 A set of libraries for multi-column(row) resizing
https://github.com/runjuu/column-resizer

columns multi-column range-slider react resizable resize resize-columns resize-table resize-table-columns resizer

Last synced: 8 months ago
JSON representation

🐙 A set of libraries for multi-column(row) resizing

• Host: GitHub
• URL: https://github.com/runjuu/column-resizer
• Owner: runjuu
• License: mit
• Created: 2022-11-13T08:06:42.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-04-23T17:09:30.000Z (about 1 year ago)
• Last Synced: 2025-10-05T02:57:23.874Z (8 months ago)
• Topics: columns, multi-column, range-slider, react, resizable, resize, resize-columns, resize-table, resize-table-columns, resizer
• Language: TypeScript
• Homepage: https://column-resizer.runjuu.com
• Size: 1.87 MB
• Stars: 35
• Watchers: 1
• Forks: 3
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 🐙 Column Resizer

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Runjuu/column-resizer/blob/main/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](#contributing) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat)](https://github.com/prettier/prettier)

A set of library for multi-column(row) resizing. Works in every modern browser [which](https://caniuse.com/#feat=flexbox) supports [flexible box layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout).

- Support both mouse and touch events

- Support server-side rendering

- Support RTL (right-to-left) layout (Contributed by [@mike-shtil-loop](https://github.com/mike-shtil-loop))

- No additional dependencies, packages size under 5 kB after min-zipping

- Easy to customize resize behavior

## 📚 Docs

- Check out [our documentation](https://column-resizer.runjuu.com/) for guides and a full API reference.

- Or see [our examples](https://github.com/runjuu/column-resizer/tree/main/docs/examples) for inspiration.

## 🪐 Ecosystem

The core library is framework-agnostic and can be used with any framework or [even without one](https://column-resizer.runjuu.com/core/quick-start). If you want to add support for your favorite framework, a pull request is welcomed!

| **Project**                                                      | **Status**                                                                                                                                                                                                                                                                                                                   | **Description**   |

| ---------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- |

| [@column-resizer/core](https://column-resizer.runjuu.com/core)   | [![](https://img.shields.io/npm/v/@column-resizer/core.svg?style=flat)](https://www.npmjs.com/package/@column-resizer/core) [![](https://img.shields.io/bundlephobia/minzip/@column-resizer/core?label=minzipped%20size&colorA=373737&colorB=0A70E9&style=flat)](https://bundlephobia.com/result?p=@column-resizer/core)     | Core library      |

| [@column-resizer/react](https://column-resizer.runjuu.com/react) | [![](https://img.shields.io/npm/v/@column-resizer/react.svg?style=flat)](https://www.npmjs.com/package/@column-resizer/react) [![](https://img.shields.io/bundlephobia/minzip/@column-resizer/react?label=minzipped%20size&colorA=373737&colorB=0A70E9&style=flat)](https://bundlephobia.com/result?p=@column-resizer/react) | React integration |