Change table columns order

by

If you only require to simply move a column without any fancy drag-drop animation, the following JS should do the trick:

<script type="text/javascript">
    $(function() {
        jQuery.each($("table tr"), function() { 
            $(this).children(":eq(1)").after($(this).children(":eq(0)"));
        });
    });
</script>

Replacing the numbers as necessary. The concept works

It seems that writing this as a one liner isn’t really possible. including td in the selector, even with the row selector seems to hold each td on a separate index, ignoring rows.

A jQuery grid plugin should do the trick otherwise. Although I have no experience with such plugins.

More Related Contents:

  1. Add table row in jQuery
  2. Convert JSON array to an HTML table in jQuery
  3. Get the contents of a table row with a button click
  4. What is the best way to remove a table row with jQuery?
  5. Remove table row after clicking table row delete button
  6. Convert html table to array in javascript
  7. How to tell which row number is clicked in a table?
  8. Export HTML table to CSV using vanilla javascript
  9. How to display Image dynamically on UI?
  10. Appended new row is not behaving like previous one (row)
  11. Adding a table row in jQuery
  12. Large dynamically sized html table with a fixed scroll row and fixed scroll column
  13. Sort a table fast by its first column with Javascript or jQuery
  14. jQuery append and remove dynamic table row
  15. How to add Rowspan in JQuery datatables
  16. Get the longest text in HTML document using Jquery or javascript
  17. How to move an element into another element?
  18. Convert blob to base64
  19. Check if an array is empty or exists
  20. Convert JS Object to form data
  21. Bootstrap 4 File Input
  22. HTML anchor link – href and onclick both?
  23. How to set the first option on a select box using jQuery?
  24. jQuery find and replace string
  25. Problem with jQuery.ajax with ‘delete’ method in ie
  26. How to reset all checkboxes using jQuery or pure JS?
  27. How to stop refreshing page after ajax call?
  28. Loop and get key/value pair for JSON array using jQuery
  29. Cancel click event in the mouseup event handler
  30. How to replace the entire html webpage with ajax response?

Leave a Comment