Table Dragger

Introduction

Table Dragger - Easily add drag-and-drop sorting to your table without jQuery.

Columns Mode

In columns mode, you can drag each column by header and reorder them.

ID Title Slug Author Status
1 Mark @mdo Mark Drafted Publish View Edit Delete
2 Mark @mdo Mark Drafted Publish View Edit Delete
3 Mark @mdo Mark Published Draft View Edit Delete
4 Mark @mdo Mark Drafted Publish View Edit Delete
5 Mark @mdo Mark Published Draft View Edit Delete

Rows Mode

In rows mode, you can drag and reorder each row.

ID Title Slug Author Status
1 Mark @mdo Mark Drafted Publish View Edit Delete
2 Mark @mdo Mark Drafted Publish View Edit Delete
3 Mark @mdo Mark Published Draft View Edit Delete
4 Mark @mdo Mark Drafted Publish View Edit Delete
5 Mark @mdo Mark Published Draft View Edit Delete

Drag Thead

In this mode, you can drag and reorder each row, including the table head.

ID Title Slug Author Status
1 Mark @mdo Mark Drafted Publish View Edit Delete
2 Mark @mdo Mark Drafted Publish View Edit Delete
3 Mark @mdo Mark Published Draft View Edit Delete
4 Mark @mdo Mark Drafted Publish View Edit Delete
5 Mark @mdo Mark Published Draft View Edit Delete

Draging Handle

ID Title Slug Author Status
1 Mark @mdo Mark Drafted Publish View Edit Delete
2 Mark @mdo Mark Drafted Publish View Edit Delete
3 Mark @mdo Mark Published Draft View Edit Delete
4 Mark @mdo Mark Drafted Publish View Edit Delete
5 Mark @mdo Mark Published Draft View Edit Delete