How to use the react-data-grid.DragItemTypes.Column function in react-data-grid
To help you get started, we’ve selected a few react-data-grid examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
adazzle / react-data-grid / packages / react-data-grid-addons / src / draggable / DraggableHeaderCell.js View on Github 
connectDragSource: connect.dragSource(),
isDragging: monitor.isDragging(),
connectDragPreview: connect.dragPreview()
};
}
const headerCellSource = {
beginDrag(props) {
return props.column;
},
endDrag(props) {
return props.column;
}
};
export default DragSource(DragItemTypes.Column, headerCellSource, collect)(DraggableHeaderCell);if (typeof props.onColumnGroupAdded === 'function') {
props.onColumnGroupAdded(item.key);
}
}
};
function collect(connect, monitor) {
return {
connectDropTarget: connect.dropTarget(),
isOver: monitor.isOver(),
canDrop: monitor.canDrop(),
draggedolumn: monitor.getItem()
};
}
export default DropTarget(DragItemTypes.Column, columnTarget, collect)(GroupedColumnsPanel);react-data-grid
Feature-rich and customizable data grid React component
