JAVASCRIPT   7

table-sort.js

Guest on 19th May 2021 04:50:31 AM

  1. (function ($) {
  2.     $.fn.extend({
  3.         tableAddCounter: function (options) {
  4.  
  5.             // set up default options
  6.             var defaults = {
  7.                 title: '#',
  8.                 start: 1,
  9.                 id: false,
  10.                 cssClass: false
  11.             };
  12.  
  13.             // Overwrite default options with user provided
  14.             options = $.extend({}, defaults, options);
  15.  
  16.             return $(this).each(function () {
  17.                 // Make sure this is a table tag
  18.                 if ($(this).is('table')) {
  19.  
  20.                     // Add column title unless set to 'false'
  21.                     if (!options.title) options.title = '';
  22.                     $('th:first-child, thead td:first-child', this).each(function () {
  23.                         var tagName = $(this).prop('tagName');
  24.                         $(this).before('<' + tagName + ' rowspan="' + $('thead tr').length + '" class="' + options.cssClass + '" id="' + options.id + '">' + options.title + '</' + tagName + '>');
  25.                     });
  26.  
  27.                     // Add counter starting counter from 'start'
  28.                     $('tbody td:first-child', this).each(function (i) {
  29.                         $(this).before('<td class="false">' + (options.start + i) + '</td>');
  30.                     });
  31.  
  32.                 }
  33.             });
  34.         }
  35.     });
  36. })(jQuery);
  37.  
  38. $(document).ready(function () {
  39.     $('.table').tableAddCounter();
  40.     $.getScript("http://code.jquery.com/ui/1.9.2/jquery-ui.js").done(function () { $('tbody').sortable();$(".alert-info").alert('close');$(".alert-success").show(); });
  41. });

Raw Paste


Login or Register to edit or fork this paste. It's free.