Question 1

How to add multi-select drag and drop in Angular?

Accepted Answer

ng-sortgrid enables this by using the Ctrl/Cmd key with clicks to select items, then dragging them together. Integrate the directive and handle the 'sorted' event to update the order in your state.

Question 2

ng-sortgrid vs Angular CDK Drag and Drop: which should I use?

Accepted Answer

Choose ng-sortgrid for simpler grid-specific sorting with multi-select out of the box, but opt for Angular CDK if you need more flexibility, built-in accessibility, and broader community support for complex drag-and-drop scenarios.

Question 3

How to customize scroll points in ng-sortgrid?

Accepted Answer

Set the 'scrollPointTop' and 'scrollPointBottom' inputs in pixels to define where auto-scrolling triggers, useful for layouts with fixed headers or footers, as detailed in the 'Scrolling' section of the README.

Question 4

Does ng-sortgrid work on touch devices?

Accepted Answer

Yes, but it requires adding the 'mobile-drag-drop' polyfill for reliable touch events, as noted in the 'Mobile usage' section, which adds an extra setup step.

Question 5

Can I use ng-sortgrid with Angular 15 or higher?

Accepted Answer

The README only specifies Angular 10 compatibility, so you may need to test for breaking changes or seek community feedback, as there's no official support statement for newer versions.

Question 6

How to style items when dragging in ng-sortgrid?

Accepted Answer

Apply CSS to classes like 'ng-sg-active' for dragging states, or import the built-in 'ngsg.css' from the library for default styles, as explained in the 'Style your items' section.

ng-sortgrid

What is ng-sortgrid?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions