angular-dragtable

Directive that allows reorder of table columns
0 people use it
Author: 2345786?v=3 maliMirkec
Submitted by: 2345786?v=3 maliMirkec

Angular Dragtable

Directive that allows reorder of table columns.

Dependencies

This directive needs jQuery to work.

Installation

Download files or use bower: bower install angular-dragtable.

Usage

First include Angular Dragtable in your project:

To allow column reorder, add directives drag-me and drop-me on th elements, like this:

Options

handle

To prevent drag event on whole th element, provide data-handle attribute with handle selector, like this:

Now column could be dragged only using provided handle element. Note that handle element should be inside of th element.

limit

To prevent performance issues, you could limit the number of ghost elements by providing data-limit attribute. Add number of rows that should be duplicated, like this:

Demo

https://frontend-developer.xyz/angular-dragtable/

Guide

https://silvestarbistrovic.from.hr/en/articles/angular-dragtable

comments powered by Disqus
This page was last updated 11 months ago.