manager jsgrid editable jquery gridview

jsgrid - Jquery para mover la fila hacia arriba y hacia abajo



jquery ui grid table (3)

Agregue enlaces superiores e inferiores e inserte después / antes de la primera / última fila:

MANIFESTACIÓN

JS:

$(document).ready(function(){ $(".up,.down,.top,.bottom").click(function(){ var row = $(this).parents("tr:first"); if ($(this).is(".up")) { row.insertBefore(row.prev()); } else if ($(this).is(".down")) { row.insertAfter(row.next()); } else if ($(this).is(".top")) { row.insertBefore($("table tr:first")); }else { row.insertAfter($("table tr:last")); } }); });

HTML:

<table> <tr> <td>One</td> <td> <a href="#" class="up">Up</a> <a href="#" class="down">Down</a> <a href="#" class="top">Top</a> <a href="#" class="bottom">Bottom</a> </td> </tr> <tr> <td>Two</td> <td> <a href="#" class="up">Up</a> <a href="#" class="down">Down</a> <a href="#" class="top">Top</a> <a href="#" class="bottom">Bottom</a> </td> </tr> <tr> <td>Three</td> <td> <a href="#" class="up">Up</a> <a href="#" class="down">Down</a> <a href="#" class="top">Top</a> <a href="#" class="bottom">Bottom</a> </td> </tr> <tr> <td>Four</td> <td> <a href="#" class="up">Up</a> <a href="#" class="down">Down</a> <a href="#" class="top">Top</a> <a href="#" class="bottom">Bottom</a> </td> </tr> <tr> <td>Five</td> <td> <a href="#" class="up">Up</a> <a href="#" class="down">Down</a> <a href="#" class="top">Top</a> <a href="#" class="bottom">Bottom</a> </td> </tr> </table>

Usé el código que se da aquí para mover las filas arriba / abajo en una vista de cuadrícula usando jquery y esto funciona perfectamente, pero ¿cómo se puede implementar para mover una fila a la primera posición o al último en la tabla?


tu puedes hacer

$(document).ready(function(){ $(".first,.last").click(function(){ var row = $(this).parents("tr:first"); var rows= row.parents().find("tr"); if ($(this).is(".first")) { row.insertBefore(rows[0]); } else { row.insertAfter(rows[rows.length]); } }); });

jsfiddle


$(document).ready(function(){ $(".first,.last").click(function(){ var row = $(this).parents("tr:first"); var rows= row.parents().find("tr"); if ($(this).is(".first")) { row.insertBefore(rows[0]); } else { row.insertAfter(rows[rows.length]); } }); });