[jQuery] jQuery(제이쿼리) Table의 Drag and Drop - tablednd()

 

자바스크립트의 제이쿼리(jQuery)를 사용하여 테이블 형식의 Row를 Drag and Drop 하는 라이브러리입니다.

Drag and Drop를 통하여 테이블 게시글 순서를 변경하는데 많이 사용됩니다.

 

jquery.tablednd.js 라이브러리 페이지

https://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

Table Drag and Drop JQuery plugin

 

https://github.com/isocra/TableDnD

isocra/TableDnD

 

자바스크립트의 제이쿼리(jQuery) tablednd 라이브러리를 다운로드할 수 있습니다.

 

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


$(document).ready(function() {
    $("#table-1").tableDnD({
        onDragClass: "myDragClass"
    });
});