How do you implement drag select on a mui table or grid?

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • react-drag-select

    Drag select React component

  • yes that looks like a solution that can work. There's even a demo: https://pablofierro.github.io/react-drag-select/ I would install the package and import it from there

  • react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

  • I know that MUI pro offers datagrid tables which come with that feature out of the box. However if you want to do it without paying, I would suggest implementing react-beautiful-dnd. https://github.com/atlassian/react-beautiful-dnd

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts