A Grid That Allows To Sort All The Items By Drag And Drop | Ng-sortgrid

ng-sortgrid adds different classes around different events to your elements. You can either use these classes to design the appearance of your elements on specific events or you can embed the build into your CSS from the ng-sortgrid library.

Dragging grid sorting with multiselction use the ngSortgridItem directive to turn your lists into a grid where single or even multiple files can be sorted by drag and drop.

Vue Component for Designing Grid Layouts with SortableJS

How to make use of it:

Install & Download

npm i -s ng-sortgrid

Import the NgsgModule in your AppModule.

import {NgsgModule} from 'ng-sortgrid'
...
@NgModule({
  imports: [BrowserModule, NgsgModule],
  //...
})  
...

Sortable Grid Component, Ng-sortgrid Plugin/Github


See Demo And Download

Official Website(kreuzerk): Click Here

This superior jQuery/javascript plugin is developed by kreuzerk. For extra Advanced Usages, please go to the official website.

Related Posts

Confetti-Falling-Animation-Effect-party

Confetti Falling Animation Effect In JavaScript | party.js

Party.js is a JavaScript library to brighten user site experience with visual effects! Celebrate success with dom confetti! The library is written in TypeScript and compiled into…

Star-Rating-JavaScript

Select Box Based Star Rating JavaScript Library | star-rating.js

star-rating.js is a small JavaScript library to create a customizable and gradually improved star rating control from a regular tick box with numeric values. The ES6 module…

Bootstrap-Show-Notification

Corner Fixed Notifications Alerts With Bootstrap | BS4 Show Notification

Bootstrap Notification is an easy-to-use jQuery plugin that uses the Bootstrap Alerts component to create static, rejectable, and stackable notification popups in the upper right corner of the…

Stackable-Multi-level-Sidebar-Menu

Create Stackable Multi-level Sidebar Menu | HC Off-canvas Nav

Multi-Level Sidebar Slide Menu – HC MobileNav is a jQuery plugin for creating multi-level, mobile-first, totally accessible, off-canvas facet navigation that helps the infinite nesting of submenu…

vue-masonry-gallery

Responsive Masonry Layout with SSR Support for Vue 3 | vue-masonry-wall

Vue masonry wall is a responsive masonry layout component for Vue 3 to deliver a Masonry-style responsive grid layout with SSR and RTL layout support. Features 📱…

bootstrap-5-bs-toaster

A Bootstrap 5 Toast Notification Framework Library | bs-toaster

bs-toaster is simple to instantiate bs-toaster and create multiple toasts effortlessly using native Bootstrap 5! Feature Facts Small and clean Modern browser support. No IE sorry 💥…