[jquery] Using jQuery UI sortable with HTML tables

<table>
    <tbody>
        <tr> 
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td> 
        </tr>
        <tr>
            <td>5</td>
            <td>6</td>
        </tr>  
    </tbody>    
</table>?

<script>
    $('tbody').sortable();
</script> 

$(function() {_x000D_
  $( "tbody" ).sortable();_x000D_
});

 _x000D_
table {_x000D_
    border-spacing: collapse;_x000D_
    border-spacing: 0;_x000D_
}_x000D_
td {_x000D_
    width: 50px;_x000D_
    height: 25px;_x000D_
    border: 1px solid black;_x000D_
}

 _x000D_
_x000D_
<link href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet">_x000D_
<script src="//code.jquery.com/jquery-1.11.1.js"></script>_x000D_
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>_x000D_
_x000D_
<table>_x000D_
    <tbody>_x000D_
        <tr>_x000D_
            <td>1</td>_x000D_
            <td>2</td>_x000D_
        </tr>_x000D_
        <tr>_x000D_
            <td>3</td>_x000D_
            <td>4</td>_x000D_
        </tr>_x000D_
        <tr> _x000D_
            <td>5</td>_x000D_
            <td>6</td>_x000D_
        </tr>_x000D_
        <tr>_x000D_
            <td>7</td>_x000D_
            <td>8</td>_x000D_
        </tr>_x000D_
        <tr>_x000D_
            <td>9</td> _x000D_
            <td>10</td>_x000D_
        </tr>  _x000D_
    </tbody>    _x000D_
</table>

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to jquery-ui

• How to auto adjust the div size for all mobile / tablet display formats? • jQuery not working with IE 11 • JavaScript Uncaught ReferenceError: jQuery is not defined; Uncaught ReferenceError: $ is not defined • Best Practice to Organize Javascript Library & CSS Folder Structure • Change table header color using bootstrap • How to get HTML 5 input type="date" working in Firefox and/or IE 10 • Form Submit jQuery does not work • Disable future dates after today in Jquery Ui Datepicker • How to Set Active Tab in jQuery Ui • How to use source: function()... and AJAX in JQuery UI autocomplete

Examples related to html-table

• Table column sizing • DataTables: Cannot read property 'length' of undefined • TypeError: a bytes-like object is required, not 'str' in python and CSV • How to get the <td> in HTML tables to fit content, and let a specific <td> fill in the rest • How to stick table header(thead) on top while scrolling down the table rows with fixed header(navbar) in bootstrap 3? • Sorting table rows according to table header column using javascript or jquery • How to make background of table cell transparent • How to auto adjust table td width from the content • bootstrap responsive table content wrapping • How to print table using Javascript?

Examples related to jquery-ui-sortable

• jQuery UI Sortable, then write order into a database • Using jQuery UI sortable with HTML tables • Sort divs in jQuery based on attribute 'data-sort'? • Jquery sortable 'change' event element position • jQuery UI Sortable Position