<2kb min+gzip) and has no dependencies.
Here is a demo of the “Bootstrap” theme.
|Browser||Usage||Initial release||Stable version|
|Chrome||42.68%||September 2, 2008||31.0.1650.57|
|Internet Explorer||25.44%||August 16, 1995||11.0.1|
|Firefox||20.01%||September 23, 2002||25.0.1|
|Safari||8.39%||January 7, 2003||7.0|
The easiest way to add Sortable to your site is with Eager. Click Install to see a live preview of Sortable on your website.
<2kbmin+gzip) and no dependencies
For the most common usage of sortable, you’ll want to include following:
<script src="sortable.min.js"></script> <link rel="stylesheet" href="sortable-theme-bootstrap.css" />
Now any table with the attribute
sortable will be made sortable. To get the styling, you’ll also need to add a class name to the table to match the theme you chose:
<table class="sortable-theme-bootstrap" data-sortable> <!-- ... --> </table>
This example uses the “Bootstrap” theme. If the tables on your site already have styling, you may want to try the “Minimal” theme instead. For a full list of supported themes, check out Themes.
To learn more about how to use sortable, visit our API pages.
Sortable is free and open-source, released on the MIT License.
Sortable was built by Adam Schwartz