title: Bootstrap table with "Filter Control: and server site
body: <p>I try use bootstrap-table with Filter Control.
  After I change filter value and load data from ajax my filter value is cleared.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;table
    id=&quot;table&quot;
    data-toggle=&quot;table&quot;
    data-url=&quot;https://examples.wenzhixin.net.cn/examples/bootstrap_table/data&quot;
    data-pagination=&quot;true&quot;
    data-method=&quot;post&quot;
    data-side-pagination=&quot;server&quot;
    data-filter-control=&quot;true&quot;
    data-search=&quot;true&quot;&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th data-field=&quot;id&quot; data-sortable=&quot;true&quot; data-filter-control=&quot;input&quot;&gt;ID&lt;/th&gt;
        &lt;th data-field=&quot;name&quot; data-sortable=&quot;true&quot; data-filter-control=&quot;input&quot;&gt;Item Name&lt;/th&gt;
        &lt;th data-field=&quot;price&quot; data-sortable=&quot;true&quot; data-filter-control=&quot;select&quot; data-filter-data=&quot;var:test&quot;&gt;Item Price&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  <p>Example on: <a href="https://live.bootstrap-table.com/code/jarekherisz/10259" rel="nofollow noreferrer">https://live.bootstrap-table.com/code/jarekherisz/10259</a></p>
  <p><strong>Edit:</strong>
  I found reason in the file: bootstrap-table-filter-control.js
  The module is defined to rebuild the controls after each load:</p>
  <p><a href="https://i.stack.imgur.com/DppQW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DppQW.png" alt="enter image description here" /></a></p>
  <p>It thing to me that this is the wrong approach and the cause of the problem. After commenting this line, the value of the input field does not reset after loading the data.</p>