Skip to content

Home

Jump to bottom
Ashwini Kumar Singh edited this page May 25, 2020 · 4 revisions

Basic Drag and Drop using HTML5 in React

  • Feature used
  • Draggable List Header
  • Draggable List Row

Feature Used

draggable onDragStart onDrop onDragOver

<div className="items" key={index} draggable={true} onDragStart={e => this.dragStart(e, index)} onDrop={e => this.drop_handler(e, index, false)} onDragOver={e => this.dragover_handler(e, index)} >

Draggable List Header

You can change simple header column as per your need

Draggable List Row

You can change list row as per your need

Clone this wiki locally