title: excel-bootstrap-table-filter-bundle.js shows values in filter list from the above tables
body: <p>I'm trying to creare a Excel like Filter in my bootstrap table using excel-bootstrap-table-filter-bundle.js. The filter works but it shows not only the values from the working table but also the values from above tables.
  That's my jsp page:</p>
  <pre><code>&lt;%@ page language=&quot;java&quot; pageEncoding=&quot;UTF-8&quot;%&gt;
  &lt;%@ taglib uri=&quot;http://java.sun.com/jsp/jstl/core&quot; prefix=&quot;c&quot;%&gt;
  &lt;%@ page import=&quot;java.util.*&quot;%&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;title&gt;Scheda Cliente&lt;/title&gt;
  &lt;head&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.css&quot;&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.js&quot;&gt;&lt;/script&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://www.jqueryscript.net/demo/Excel-like-Bootstrap-Table-Sorting-Filtering-Plugin/excel-bootstrap-table-filter-style.css&quot;&gt;
  &lt;script src=&quot;https://www.jqueryscript.net/demo/Excel-like-Bootstrap-Table-Sorting-Filtering-Plugin/excel-bootstrap-table-filter-bundle.js&quot;&gt;&lt;/script&gt;
  
  &lt;meta name=”vs_targetSchema” content=”http://schemas.microsoft.com/intellisense/ie5″&amp;gt;&gt;
  &lt;style&gt;
  th, td {
      text-align: center;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
          &lt;div id=&quot;Forniture_wrapper&quot; class=&quot;dataTables_wrapper form-inline dt-bootstrap&quot;&gt;
          &lt;h3 class=&quot;sub-header&quot;&gt;TABLE 1&lt;/h3&gt;
          &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-sm-1&quot;&gt;
          &lt;div class=&quot;dt-buttons btn-group&quot;&gt;      
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
          &lt;table id=&quot;tableA&quot; 
          class=&quot;table table-striped table-bordered dataTable&quot; 
          data-filter-control=&quot;true&quot; 
          data-show-multi-sort=&quot;true&quot;&gt;
                  &lt;thead&gt;
                          &lt;tr&gt;
                                      &lt;th&gt;1a&lt;/th&gt;
                                      &lt;th&gt;1b&lt;/th&gt;
                                      &lt;th&gt;1c&lt;/th&gt;
                          &lt;/tr&gt;
                  &lt;/thead&gt;
                          &lt;c:forEach items=&quot;${fornitureList}&quot; var=&quot;forniture&quot;&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;${forniture.nrContratto}&lt;/td&gt;
                                  &lt;td&gt;${forniture.commodity}&lt;/td&gt;
                                  &lt;td&gt;${forniture.statoContratto}&lt;/td&gt;
                                  
                              &lt;/tr&gt;
                          &lt;/c:forEach&gt;
                      
                  &lt;/table&gt;
          &lt;/div&gt;
          
          
          &lt;div id=&quot;FattureP_wrapper&quot; class=&quot;dataTables_wrapper form-inline dt-bootstrap&quot;&gt;
          &lt;h4 class=&quot;sub-header&quot;&gt;TABLE 2&lt;/h4&gt;
          &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-sm-1&quot;&gt;
          &lt;/div&gt;
          &lt;/div&gt;      
          &lt;table id=&quot;tableB&quot; class=&quot;table table-striped table-bordered&quot;&gt;
                  &lt;thead&gt;
                          &lt;tr&gt;
                  &lt;th&gt;2a&lt;/th&gt;
                  &lt;th&gt;2b&lt;/th&gt;
                  &lt;th&gt;2c&lt;/th&gt;
              &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;c:forEach items=&quot;${listfattureClientePagate}&quot; var=&quot;fattureClienteP&quot;&gt;
                  &lt;tr&gt;
                      &lt;td&gt;${fattureClienteP.nrContratto}&lt;/td&gt;
                      &lt;td&gt;${fattureClienteP.nrFattura}&lt;/td&gt;
                      &lt;td&gt;${fattureClienteP.dataFattura}&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;/c:forEach&gt;
                  &lt;/table&gt;
          &lt;/div&gt;
      
      &lt;script&gt;     
          
          $(function () {
                $('#tableA').excelTableFilter();
          });
          
          $(function () {
                $('#tableB').excelTableFilter();
          });
  
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>As you can see from the immage below filter in table 2 column b shows the last value from table 1 column b.
  thanks
  <a href="https://i.stack.imgur.com/7Z8nA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7Z8nA.jpg" alt="enter image description here" /></a></p>