# Data Grid Functionality? User adjustable column widths, drag and drop re-ordering

**URL:** <https://community.weweb.io/t/data-grid-functionality-user-adjustable-column-widths-drag-and-drop-re-ordering/10273>\
**Category:** How do I?\
**Created:** [August 16, 2024, 4:10am UTC](https://community.weweb.io/t/data-grid-functionality-user-adjustable-column-widths-drag-and-drop-re-ordering/10273 "2024-08-16T04:10:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ryanev](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@ryanev](https://community.weweb.io/u/ryanev)\
**Post date:** [August 16, 2024, 4:10am UTC](https://community.weweb.io/t/data-grid-functionality-user-adjustable-column-widths-drag-and-drop-re-ordering/10273/1 "2024-08-16T04:10:59Z")

</div>

Is it possible to replicate this functionality with WeWeb’s data grid table? I’m pretty sure 3 and 4 are possible, but not so sure how to accomplish 1 and 2.

**1. Adjustable Column Width** - allow user to drag and resize a column’s width  
**2. Re-order Columns via Drag and Drop** - allow user to re-order column order by dragging and dropping column header to their desired location  
**3. Add / Remove Columns** - allow user to enable / disable columns via checkbox dropdown (possible using grid data binding I’m assuming?)  
**4. Horizontally Scrollable Table** - enable horizontal scrolling within the table to allow user to view all columns (possible with overflow: scroll I’m assuming?)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0b248ea8126d5a9cf27b1259f8ba41c0d8818279.png)