UPDATED : Bootstrap to 3.3.6; font-awesome to 4.5.0; bootstrap-tables;

CLEANED  not used doc, examples e.t.c files and folders

include/bs-data-table/css/jquery.bdt.css

@@ -5,17 +5,19 @@
 .bdt thead th {
     cursor: pointer;
 }
-/* 
+
 .bdt .sort-icon {
     width: 10px;
     display: inline-block;
     padding-left: 5px;
-} */
+}
+
+.search-form {
+    margin-right: 25px;
+}
 
 #table-footer {
     margin-bottom: 15px;
-	margin-top: 10px;
-	min-height:35px;
 }
 
 #table-footer a, #table-footer button {
@@ -33,4 +35,8 @@
 
 #table-footer .pagination li:not(.active) {
     cursor: pointer;
+}
+
+.disable-sorting {
+    cursor: auto !important;
 }

include/bs-data-table/css/jquery.bdt.min.css

@@ -1 +1 @@
-.bdt thead th{cursor:pointer}.bdt .sort-icon{width:10px;display:inline-block;padding-left:5px}#table-footer{margin-bottom:15px}#table-footer a,#table-footer button{outline:0}#table-footer .form-horizontal .control-label{text-align:left;margin:0 15px}#table-footer .pagination{margin:0 15px}#table-footer .pagination li:not(.active){cursor:pointer}
+#table-footer .pagination li:not(.active),.bdt thead th{cursor:pointer}.bdt .sort-icon{width:10px;display:inline-block;padding-left:5px}.search-form{margin-right:25px}#table-footer{margin-bottom:15px}#table-footer a,#table-footer button{outline:0}#table-footer .form-horizontal .control-label{text-align:left;margin:0 15px}#table-footer .pagination{margin:0 15px}.disable-sorting{cursor:auto!important}

include/bs-data-table/js/jquery.bdt.js

@@ -4,7 +4,7 @@
  * @copyright 2014 Patric Gutersohn
  * @author Patric Gutersohn
  * @example index.html BDT in action.
- * @link http://bdt.gutersohn.biz Documentation
+ * @link http://bdt.pguso.de Documentation
  * @version 1.0.0
  *
  * @summary BDT - Bootstrap Data Tables
@@ -29,7 +29,7 @@
     /**
      * @type {string}
      */
-    var pages = 'Тоtal pages';
+    var pages = 'Total pages: ';
     /**
      * @type {object}
      */
@@ -41,18 +41,33 @@
     /**
      * @type {string}
      */
-    var arrowUp = ' ';
+    var arrowUp = '';
     /**
      * @type {string}
      */
-    var arrowDown = ' ';
+    var arrowDown = '';
+    /**
+     * @type {string}
+     */
+    var searchFormClass = '';
+    /**
+     * @type {string}
+     */
+    var pageFieldText = '';
+    /**
+     * @type {string}
+     */
+    var searchFieldText = '';
 
     $.fn.bdt = function (options, callback) {
 
         var settings = $.extend({
             pageRowCount: 50,
-            arrowDown: 'fa-arrow-down text-primary fa-lg',
-            arrowUp: 'fa-arrow-up text-primary fa-lg'
+            arrowDown: 'fa-sort-amount-asc text-primary',
+            arrowUp: 'fa-sort-amount-desc text-primary',
+            searchFormClass: 'search-form col-lg-3',
+            pageFieldText: 'Entries per Page: ',
+            searchFieldText: 'Search '
         }, options);
 
         /**
@@ -66,35 +81,31 @@
             pageRowCount = settings.pageRowCount;
             arrowDown = settings.arrowDown;
             arrowUp = settings.arrowUp;
+            searchFormClass = settings.searchFormClass;
+            pageFieldText = settings.pageFieldText;
+            searchFieldText = settings.searchFieldText;
 
             /**
              * search input field
              */
-
-      obj.before(
-                $('<form/>')
-                    .addClass('float-left')
-                    .attr('role', 'form')
-					.attr('style', 'width:30%;')
+            obj.before(
+                $('<div/>')
+                    .addClass('table-header clearfix')
                     .append(
-                        $('<div/>')
-                            .addClass('form-group')
+                        $('<form/>')
+                            .addClass(searchFormClass)
+                            .attr('role', 'form')
                             .append(
-                                $('<input/>')
-                                    .addClass('form-control')
-                                    .attr('id', 'search')
-                                    .attr('placeholder',   'Type to Search here ...' )
+                                $('<div/>')
+                                    .addClass('form-group')
+                                    .append(
+                                        $('<input/>')
+                                            .addClass('form-control')
+                                            .attr('id', 'search')
+                                            .attr('placeholder', searchFieldText)
+                                    )
                             )
                     )
-				
-            );
-
-            /**
-             * select field for changing row per page
-             */
-            obj.after(
-                $('<div/>')
-                    .attr('id', 'table-footer')
                     .append(
                         $('<div/>')
                             .addClass('pull-left')
@@ -104,7 +115,7 @@
                                     .attr('id', 'page-rows-form')
                                     .append($('<label/>')
                                         .addClass('pull-left control-label')
-                                        .text('Rows per Page:')
+                                        .text(pageFieldText)
                                     )
                                     .append(
                                         $('<div/>')
@@ -112,6 +123,12 @@
                                             .append(
                                                 $('<select/>')
                                                     .addClass('form-control')
+                                                    .append(
+                                                        $('<option>', {
+                                                            value: 10,
+                                                            text: 10
+                                                        })
+                                                    )
                                                     .append(
                                                         $('<option>', {
                                                             value: 25,
@@ -137,18 +154,26 @@
                                                             text: 200
                                                         })
                                                     )
-                                                    .append(
-                                                        $('<option>', {
-                                                            value: 500,
-                                                            text: 500
-                                                        })
-                                                    )
                                             )
                                     )
                             )
                     )
             );
 
+            /**
+             * select field for changing row per page
+             */
+            obj.after(
+                $('<div/>')
+                    .attr('id', 'table-footer')
+                    .append(
+                        $('<div/>')
+                            .addClass('pull-left table-info')
+                            //.text('Showing 1 to 10 of 100 entries')
+                    )
+                    
+            );
+
             if (tableBody.children('tr').length > pageRowCount) {
                 setPageCount(tableBody);
                 addPages();
@@ -197,19 +222,11 @@
 
             obj
                 .find('thead th')
-				.append(
-                    $('<span class="pull-right"/>')
-                       // .addClass('')
-						.append(
-                    $('<i class=" "/>')
-                        .addClass('fa sort-icon')
-						
+                .wrapInner('<span class="sort-element"/>')
+                .append(
+                    $('<span/>')
+                        .addClass('fa sort-icon fa-sort')
                 )
-
-                )
-				//.wrapInner('<p class="sort-element "/>')
-				.wrapInner('<div class=" "/>')
-				
                 .each(function () {
 
                     var th = $(this);
@@ -218,48 +235,49 @@
                     var addOrRemove = true;
 
                     th.click(function () {
+                        if(!$(this).hasClass('disable-sorting')) {
+                            if($(this).find('.sort-icon').hasClass(arrowDown)) {
+                                $(this)
+                                    .find('.sort-icon')
+                                    .removeClass( arrowDown )
+                                    .addClass(arrowUp);
 
-                        if($(this).find('.sort-icon').hasClass(arrowDown)) {
-                            $(this)
-                                .find('.sort-icon')
-                                .removeClass( arrowDown )
-                                .addClass(arrowUp);
+                            } else {
+                                $(this)
+                                    .find('.sort-icon')
+                                    .removeClass( arrowUp )
+                                    .addClass(arrowDown);
+                            }
 
-                        } else {
-                            $(this)
-                                .find('.sort-icon')
-                                .removeClass( arrowUp )
-                                .addClass(arrowDown);
+                            if(oldIndex != thIndex) {
+                                obj.find('.sort-icon').removeClass(arrowDown);
+                                obj.find('.sort-icon').removeClass(arrowUp);
+
+                                $(this)
+                                    .find('.sort-icon')
+                                    .toggleClass( arrowDown, addOrRemove );
+                            }
+
+                            table.find('td').filter(function () {
+
+                                return $(this).index() === thIndex;
+
+                            }).sortElements(function (a, b) {
+
+                                return $.text([a]) > $.text([b]) ?
+                                    inverse ? -1 : 1
+                                    : inverse ? 1 : -1;
+
+                            }, function () {
+
+                                // parentNode is the element we want to move
+                                return this.parentNode;
+
+                            });
+
+                            inverse = !inverse;
+                            oldIndex = thIndex;
                         }
-
-                        if(oldIndex != thIndex) {
-                            obj.find('.sort-icon').removeClass(arrowDown);
-                            obj.find('.sort-icon').removeClass(arrowUp);
-
-                            $(this)
-                                .find('.sort-icon')
-                                .toggleClass( arrowDown, addOrRemove );
-                        }
-
-                        table.find('td').filter(function () {
-
-                            return $(this).index() === thIndex;
-
-                        }).sortElements(function (a, b) {
-
-                            return $.text([a]) > $.text([b]) ?
-                                inverse ? -1 : 1
-                                : inverse ? 1 : -1;
-
-                        }, function () {
-
-                            // parentNode is the element we want to move
-                            return this.parentNode;
-
-                        });
-
-                        inverse = !inverse;
-                        oldIndex = thIndex;
                     });
 
                 });
@@ -295,10 +313,10 @@
              * pagination, with pages and previous and next link
              */
             $('#table-footer')
-                .addClass('form-group')
+                .addClass('container')
                 .append(
                     $('<nav/>')
-                        .addClass('pull-right')
+                        .addClass('pull-right panel-body')
                         .attr('id', 'table-nav')
                         .append(
                             pages
@@ -388,9 +406,9 @@
          */
         function setPageCount(tableBody) {
             if (activeSearch) {
-                pageCount = Math.round(tableBody.children('.search-item').length / pageRowCount);
+                pageCount = Math.ceil(tableBody.children('.search-item').length / pageRowCount);
             } else {
-                pageCount = Math.round(tableBody.children('tr').length / pageRowCount);
+                pageCount = Math.ceil(tableBody.children('tr').length / pageRowCount);
             }
 
             if (pageCount == 0) {

include/bs-data-table/js/jquery.bdt.min.js

@@ -4,10 +4,10 @@
  * @copyright 2014 Patric Gutersohn
  * @author Patric Gutersohn
  * @example index.html BDT in action.
- * @link http://bdt.gutersohn.biz Documentation
+ * @link http://bdt.gutersohn.de Documentation
  * @version 1.0.0
  *
  * @summary BDT - Bootstrap Data Tables
  * @description sorting, paginating and search for bootstrap tables
  */
-(function(e){"use strict";var t=1;var n=0;var r=0;var i="";var s=null;var o=false;var u="";var a="";e.fn.bdt=function(f,l){function p(t){var n=t;var r=0;t.find("thead th").wrapInner('<span class="sort-element"/>').append(e("<span/>").addClass("sort-icon fa")).each(function(){var i=e(this);var s=i.index();var o=false;var f=true;i.click(function(){if(e(this).find(".sort-icon").hasClass(a)){e(this).find(".sort-icon").removeClass(a).addClass(u)}else{e(this).find(".sort-icon").removeClass(u).addClass(a)}if(r!=s){t.find(".sort-icon").removeClass(a);t.find(".sort-icon").removeClass(u);e(this).find(".sort-icon").toggleClass(a,f)}n.find("td").filter(function(){return e(this).index()===s}).sortElements(function(t,n){return e.text([t])>e.text([n])?o?-1:1:o?1:-1},function(){return this.parentNode});o=!o;r=s})})}function d(){e("#table-nav").remove();i=e("<ul/>");e.each(new Array(n),function(t){var n="";var r=e();if(t+1==1){n="active"}i.append(e("<li/>").addClass(n).data("page",t+1).append(e("<a/>").text(t+1)))});e("#table-footer").addClass("row").append(e("<nav/>").addClass("pull-right").attr("id","table-nav").append(i.addClass("pagination pull-right").prepend(e("<li/>").addClass("disabled").data("page","previous").append(e('<a href="#" />').append(e("<span/>").attr("aria-hidden","true").html("&laquo;")).append(e("<span/>").addClass("sr-only").text("Previous")))).append(e("<li/>").addClass("disabled").data("page","next").append(e('<a href="#" />').append(e("<span/>").attr("aria-hidden","true").html("&raquo;")).append(e("<span/>").addClass("sr-only").text("Next"))))))}function v(t){e("#search").on("keyup",function(){e.each(t.find("tr"),function(){var t=e(this).text().replace(/ /g,"").replace(/(\r\n|\n|\r)/gm,"");var n=e("#search").val();if(t.toLowerCase().indexOf(n.toLowerCase())==-1){e(this).hide().removeClass("search-item")}else{e(this).show().addClass("search-item")}if(n!=""){o=true}else{o=false}});m(t);d();g(t,1)})}function m(e){if(o){n=Math.round(e.children(".search-item").length/r)}else{n=Math.round(e.children("tr").length/r)}if(n==0){n=1}}function g(i,s){if(s=="next"){s=t+1}else if(s=="previous"){s=t-1}t=s;var u=o?i.find(".search-item"):i.find("tr");var a=r*s;var f=a-r;var l=e(".pagination");u.hide();u.slice(f,a).show();l.find("li").removeClass("active disabled");l.find("li:eq("+s+")").addClass("active");if(s==1){l.find("li:first").addClass("disabled")}else if(s==n){l.find("li:last").addClass("disabled")}}var c=e.extend({pageRowCount:10,arrowDown:"fa-angle-down",arrowUp:"fa-angle-up"},f);var h=null;return this.each(function(){s=e(this).addClass("bdt");h=s.find("tbody");r=c.pageRowCount;a=c.arrowDown;u=c.arrowUp;s.before(e("<form/>").addClass("pull-right").attr("role","form").append(e("<div/>").addClass("form-group").append(e("<input/>").addClass("form-control").attr("id","search").attr("placeholder","Search..."))));s.after(e("<div/>").attr("id","table-footer").append(e("<div/>").addClass("pull-left").append(e("<form/>").addClass("form-horizontal").attr("id","page-rows-form").append(e("<label/>").addClass("pull-left control-label").text("Entries per Page:")).append(e("<div/>").addClass("pull-left").append(e("<select/>").addClass("form-control").append(e("<option>",{value:5,text:5})).append(e("<option>",{value:10,text:10,selected:"selected"})).append(e("<option>",{value:15,text:15})).append(e("<option>",{value:20,text:20})).append(e("<option>",{value:25,text:25})))))));if(h.children("tr").length>r){m(h);d();g(h,t)}v(h);p(s,h);e("body").on("click",".pagination li",function(t){var n;if(e(t.target).is("a")){n=e(t.target).parent()}else{n=e(t.target).parent().parent()}var r=n.data("page");if(!n.hasClass("disabled")&&!n.hasClass("active")){g(h,r)}});e("#page-rows-form").on("change",function(){var t=e(this).find("select");r=t.val();m(h);d();g(h,1)})})}})(jQuery)
+!function(a){"use strict";var e=1,t=0,n=0,s="",d=null,l=!1,r="",i="",o="",p="",c="";a.fn.bdt=function(f,h){function u(e){var t=e,n=0;e.find("thead th").wrapInner('<span class="sort-element"/>').append(a("<span/>").addClass("sort-icon fa")).each(function(){var s=a(this),d=s.index(),l=!1,o=!0;s.click(function(){a(this).hasClass("disable-sorting")||(a(this).find(".sort-icon").hasClass(i)?a(this).find(".sort-icon").removeClass(i).addClass(r):a(this).find(".sort-icon").removeClass(r).addClass(i),n!=d&&(e.find(".sort-icon").removeClass(i),e.find(".sort-icon").removeClass(r),a(this).find(".sort-icon").toggleClass(i,o)),t.find("td").filter(function(){return a(this).index()===d}).sortElements(function(e,t){return a.text([e])>a.text([t])?l?-1:1:l?1:-1},function(){return this.parentNode}),l=!l,n=d)})})}function C(){a("#table-nav").remove(),s=a("<ul/>"),a.each(new Array(t),function(e){var t="";a();e+1==1&&(t="active"),s.append(a("<li/>").addClass(t).data("page",e+1).append(a("<a/>").text(e+1)))}),a("#table-footer").addClass("row").append(a("<nav/>").addClass("pull-right").attr("id","table-nav").append(s.addClass("pagination pull-right").prepend(a("<li/>").addClass("disabled").data("page","previous").append(a('<a href="#" />').append(a("<span/>").attr("aria-hidden","true").html("&laquo;")).append(a("<span/>").addClass("sr-only").text("Previous")))).append(a("<li/>").addClass("disabled").data("page","next").append(a('<a href="#" />').append(a("<span/>").attr("aria-hidden","true").html("&raquo;")).append(a("<span/>").addClass("sr-only").text("Next"))))))}function v(e){a("#search").on("keyup",function(){a.each(e.find("tr"),function(){var e=a(this).text().replace(/ /g,"").replace(/(\r\n|\n|\r)/gm,""),t=a("#search").val();-1==e.toLowerCase().indexOf(t.toLowerCase())?a(this).hide().removeClass("search-item"):a(this).show().addClass("search-item"),l=""!=t?!0:!1}),g(e),C(),m(e,1)})}function g(a){t=l?Math.ceil(a.children(".search-item").length/n):Math.ceil(a.children("tr").length/n),0==t&&(t=1)}function m(s,d){"next"==d?d=e+1:"previous"==d&&(d=e-1),e=d;var r=l?s.find(".search-item"):s.find("tr"),i=n*d,o=i-n,p=a(".pagination");r.hide(),r.slice(o,i).show(),p.find("li").removeClass("active disabled"),p.find("li:eq("+d+")").addClass("active"),1==d?p.find("li:first").addClass("disabled"):d==t&&p.find("li:last").addClass("disabled")}var x=a.extend({pageRowCount:10,arrowDown:"fa-angle-down",arrowUp:"fa-angle-up",searchFormClass:"pull-left search-form",pageFieldText:"Entries per Page:",searchFieldText:"Search"},f),b=null;return this.each(function(){d=a(this).addClass("bdt"),b=d.find("tbody"),n=x.pageRowCount,i=x.arrowDown,r=x.arrowUp,o=x.searchFormClass,p=x.pageFieldText,c=x.searchFieldText,d.before(a("<div/>").addClass("table-header").append(a("<form/>").addClass(o).attr("role","form").append(a("<div/>").addClass("form-group").append(a("<input/>").addClass("form-control").attr("id","search").attr("placeholder",c)))).append(a("<div/>").addClass("pull-left").append(a("<form/>").addClass("form-horizontal").attr("id","page-rows-form").append(a("<label/>").addClass("pull-left control-label").text(p)).append(a("<div/>").addClass("pull-left").append(a("<select/>").addClass("form-control").append(a("<option>",{value:5,text:5})).append(a("<option>",{value:10,text:10,selected:"selected"})).append(a("<option>",{value:15,text:15})).append(a("<option>",{value:20,text:20})).append(a("<option>",{value:25,text:25}))))))),d.after(a("<div/>").attr("id","table-footer").append(a("<div/>").addClass("pull-left table-info"))),b.children("tr").length>n&&(g(b),C(),m(b,e)),v(b),u(d,b),a("body").on("click",".pagination li",function(e){var t;t=a(e.target).is("a")?a(e.target).parent():a(e.target).parent().parent();var n=t.data("page");t.hasClass("disabled")||t.hasClass("active")||m(b,n)}),a("#page-rows-form").on("change",function(){var e=a(this).find("select");n=e.val(),g(b),C(),m(b,1)})})}}(jQuery);