The bootstrap template is designed in a way that makes multiple views on a single page impossible.
The template used global values for ajax requests and duplicate element ids. Instead of the self contained values for the Datatables or Flexgrids templates.
What i mean is in the list_template.php file of the bootstrap template there is this:
<script type='text/javascript'>
var base_url = '<?php echo base_url();?>';
var subject = '<?php echo $subject?>';
var ajax_list_info_url = '<?php echo $ajax_list_info_url; ?>';
var ajax_list_url = '<?php echo $ajax_list_url;?>';
var unique_hash = '<?php echo $unique_hash; ?>';
var message_alert_delete = "<?php echo $this->l('alert_delete'); ?>";
var THEME_VERSION = '1.3.7';
</script>
<br/>
So when you go to search or filter. All your grids do something different. I would recommend changing it this:
<script type='text/javascript'>
var THEME_VERSION = '1.3.7';
</script>
<br/>
<div class="container gc-container"
data-unique_hash="<?php echo $unique_hash;?>"
data-base_url = '<?php echo base_url();?>'
data-subject = '<?php echo $subject?>'
data-ajax_list_info_url = '<?php echo $ajax_list_info_url; ?>'
data-ajax_list_url = '<?php echo $ajax_list_url;?>'
data-message_alert_delete = "<?php echo $this->l('alert_delete'); ?>"
>
Then from there changing the gcrud.datagrid.js file to look for those. As well change all the straight $('#<id>') or $('.<class>') class inside the gcrud.datagrid.js file as well to look under the container.
