
It can be used for visual feedback purposes.
This attribute is used as the css class assigned to column anchors while being dragged. It can be used in a wide range of ways to obtain very different outputs, and its flexibility can be increased by combining it with the draggingClass attribute. Its purpose is to allow column anchor customization by defining the HTML to be used in the column grips to provide some visual feedback. Table's ID should be same before and after the partial partial refresh. This attribute should be set to true if the table is inside of an updatePanel or any other kind of partial page refresh using ajax. liveDrag enabled is more CPU consuming so it is not recommended for slow computers, specially when dealing with huge or extremely complicated tables. When set to true the table layout is updated while dragging column anchors.
disabledColumns: ]Īn array of column indexes to be excluded, so it will not be possible to drag them manually. It is required to disable a previously resized table prior its removal from the document object tree using JavaScript, and also before any DOM manipulations to an already resized table such as adding columns, rows, etc. When set to true it aims to remove all previously added enhancements such as events and additional DOM elements assigned by this plugin to a single or collection of tables. 'overflow': allows resize of columns with overflow of parent container. Table will never get bigger than its parent. If there is not enough space, columns will share its width as they are resized. 'flex': table can change its width and each column can shrink or expand independently if there is enough space in the parent container. 'fit': this is default resizing model, in which resizing a column does not alter table width, which means that when a column is expanded the next one shrinks. It is used to set how the resize method works. Import ColumnResizer from 'column-resizer' import React, Options