tablednd

WebJar for tablednd

License	MIT
GroupId	org.webjars.npm
ArtifactId	tablednd
Last Version	1.0.4
Release Date	Sep 28, 2020
Type	jar
Description	tablednd WebJar for tablednd
Project URL	https://www.webjars.org
Source Code Management	https://github.com/isocra/TableDnD

Download tablednd

Filename	Size
tablednd-1.0.4.pom
tablednd-1.0.4.jar	75 KB
tablednd-1.0.4-sources.jar	22 bytes
tablednd-1.0.4-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/tablednd/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>tablednd</artifactId>
    <version>1.0.4</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/tablednd/
implementation 'org.webjars.npm:tablednd:1.0.4'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/tablednd/
implementation ("org.webjars.npm:tablednd:1.0.4")

Apache Buildr

'org.webjars.npm:tablednd:jar:1.0.4'

Apache Ivy

<dependency org="org.webjars.npm" name="tablednd" rev="1.0.4">
  <artifact name="tablednd" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='tablednd', version='1.0.4')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "tablednd" % "1.0.4"

Leiningen

[org.webjars.npm/tablednd "1.0.4"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

TableDnD

Installation

TableDnD is easy to install:

npm install --save tablednd

or

yarn add tablednd

or

bower install https://github.com/isocra/TableDnD.git

Alternatively you can simply reference from CDNJS:

<script src="https://cdnjs.cloudflare.com/ajax/libs/TableDnD/0.9.1/jquery.tablednd.js" integrity="sha256-d3rtug+Hg1GZPB7Y/yTcRixO/wlI78+2m08tosoRn7A=" crossorigin="anonymous"></script>

or

<script src="https://cdnjs.cloudflare.com/ajax/libs/TableDnD/0.9.1/jquery.tablednd.js" integrity="sha256-d3rtug+Hg1GZPB7Y/yTcRixO/wlI78+2m08tosoRn7A=" crossorigin="anonymous"></script>

You'll also need to include jQuery before you include this plugin (so that jQuery is defined).

---

Getting Started

Let's create a simple table. The HTML for the table is very straight forward (no Javascript, pure HTML, we haven't added thead or tbody elements, but it works fine with these too):

<table id="table-1" cellspacing="0" cellpadding="2">
    <tr id="1"><td>1</td><td>One</td><td>some text</td></tr>
    <tr id="2"><td>2</td><td>Two</td><td>some text</td></tr>
    <tr id="3"><td>3</td><td>Three</td><td>some text</td></tr>
    <tr id="4"><td>4</td><td>Four</td><td>some text</td></tr>
    <tr id="5"><td>5</td><td>Five</td><td>some text</td></tr>
    <tr id="6"><td>6</td><td>Six</td><td>some text</td></tr>
</table>

To add in the "draggability" all we need to do is add a line to the $(document).ready(...) function as follows:

<script type="text/javascript">
$(document).ready(function() {
    // Initialise the table
    $("#table-1").tableDnD();
});
</script>

Basically we get the table element and call tableDnD. If you try this, you'll see that the rows are now draggable.

In the example above we're not setting any parameters at all so we get the default settings. There are a number of parameters you can set in order to control the look and feel of the table and also to add custom behaviour on drag or on drop. The parameters are specified as a map in the usual way and are described the full documentation:

You can also play and experiment with TableDnD using this jsFiddle. Here you get the documentation, plus live examples.

Versions

Version
1.0.4 Sep 28, 2020