diff --git a/examples/multiple.html b/examples/multiple.html new file mode 100644 index 0000000..6e5201d --- /dev/null +++ b/examples/multiple.html @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + + + +
+

StreamTable.js

+

Multiple Tables

+
+ +
+
+
+
+

Table 1 - Click here to init

+
+
+
0
+
+ + + + + + + + + + + + + + + +
#NameDirectorActorRatingYear
+
+
+
+
+ +
+
+
+
+

Table 2 - Click here to init

+
+
+
0
+
+ + + + + + + + + + + + + + + +
#NameDirectorActorRatingYear
+
+
+
+
+ + + diff --git a/stream_table.js b/stream_table.js index bc334d5..952e103 100644 --- a/stream_table.js +++ b/stream_table.js @@ -112,12 +112,12 @@ $(this.main_container).after(html); } - this.$pagination = $('.' + p_classes.join('.')); + this.$pagination = $( (this.paging_opts.container+' .' + p_classes.join('.') ) ); }; _F.bindEvents = function(){ var _self = this, - search_box = this.opts.search_box; + search_box = '#'+this.opts.search_box; $(search_box).on('keyup', function(e){ _self.search($(this).val()); @@ -145,8 +145,8 @@ current_page = _self.paginate(page); if (current_page >= 0) { - $('.st_pagination .active').removeClass('active'); - $('.st_pagination li[data-page='+ current_page +']').addClass('active'); + $((_self.paging_opts.container+' .st_pagination .active')).removeClass('active'); + $((_self.paging_opts.container+' .st_pagination li[data-page='+ current_page +']')).addClass('active'); } return false; @@ -157,7 +157,7 @@ _F.addSearchBox = function(){ if (this.opts.search_box) return; $(this.main_container).before(''); - this.opts.search_box = '#st_search'; + this.opts.search_box = 'st_search'; }; _F._makeTextFunc = function(record){