Press "Enter" to skip to content

Angular Components That Support Drag and Drop Sorting List | ngx-sortable

ngx-sortable is angular 4 components sortable and above for list sorting that supports drag and drop sorting.

table sorting in angular, sorting in angular 8, kendo sortable angular disabled, mat sort angular, angular material table sort multiple columns, angular sort table on header click

Features

  • Custom template model
  • Customizable
  • Drag and drop sort

How to make use of it:

Installation:

npm install ngx-sortable

1. import NgxSortableModule into your app.module;

import { NgxSortableModule } from 'ngx-sortable'

2. add NgxSortableModule to the imports of your NgModule:

@NgModule({
  imports: [
    ...,
    NgxSortableModule
  ],
  ...
})
class YourModule { ... }

3. use <ngx-sortable></ngx-sortable> in your templates to add a sortable list in your view.

<ngx-sortable [items]="items" [name]="'List'" (listSorted)="listOrderChanged($event)">
        <ng-template let-item>
            <div class="sortable-list-item">
                {{item}}
            </div>
        </ng-template>
    </ngx-sortable>

Sortable Component For Angular, ngx-sortable Plugin/Github


See Demo And Download

Official Website(manishjanky): Click Here

This superior jQuery/javascript plugin is developed by manishjanky. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.