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
+
+
+
+
+
+
+
+ # |
+ Name |
+ Director |
+ Actor |
+ Rating |
+ Year |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Table 2 - Click here to init
+
+
+
+
+
+
+
+ # |
+ Name |
+ Director |
+ Actor |
+ Rating |
+ Year |
+
+
+
+
+
+
+
+
+
+
+
+
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){