title: How to get complete data from (html) bootstrap table when pagination is turned on
body: <p>I am using <a href="http://bootstrap-table.wenzhixin.net.cn/getting-started/" rel="nofollow">bootstrap table</a> in my web page and want to get complete textual data from all table cells, when pagination is on. I have tried the following method and it returns all the data:</p>
  
  <pre><code>var data = $('#' + tableID).bootstrapTable('getData')
  </code></pre>
  
  <p>Now when i traverse <code>data</code> object to get value for every cell it works fine but, for those cells which have some nested html , for example:</p>
  
  <pre><code>   &lt;td class="danger"&gt;cell 4&lt;/td&gt;
     &lt;td&gt;
     &lt;a href="https://www.google.com"&gt;google&lt;/a&gt;
     &lt;/td&gt;
  </code></pre>
  
  <p>Now, in this case, i want to get value for second cell as <strong>google</strong> but it returns me whole html as </p>
  
  <pre><code> &lt;a href="https://www.google.com"&gt;google&lt;/a&gt;
  </code></pre>
  
  <p>Any idea, how i can get only textual value.</p>
  
  <p>I can't do any server side operation, I have to achieve this using javascript/jquery. I have also tried using jquery:</p>
  
  <pre><code>function getColData(tableID,colIndex) {
      var colArray = $('#' + tableID + ' td:nth-child'+'('+colIndex+')').map(function(){
             return $(this).text();
         }).get();
         return colArray
      }
  </code></pre>
  
  <p>it returns data correctly but only which is visible on active page and i want all the data.</p>