Ytdyklly

For reference :
I'm working with Bootstrap-table using Bootstrap v3.3.6

I'm working on a data table using some extensions as the following :

<table id="table" data-toggle="table" data-pagination="true" data-search="true" data-show-columns="true" data-show-pagination-switch="true" data-show-refresh="true" data-key-events="true" data-show-toggle="true" data-resizable="true" data-cookie="true" data-cookie-id-table="saveId" data-show-export="true" data-click-to-select="true" data-toolbar="#toolbar">

<thead>

    <tr>

        <th data-field="state" data-checkbox="true"></th>

        <th>ID</th>

        <th>ISBN</th>

        <th>Description</th>

    </tr>

</thead>

<tbody id="books-data">

   <!-- table data rows to be inserted here -->

</tbody>

If i'm filling the table using PHP everything seems to be working fine, by 'everything' i mean displaying data as well as the automatically added attributes to table rows as adding a chekbox in the first <td> and data-index attribute for every column in every row.

However, filling the table using AJAX only fills the table with data and there is no interaction between the table and its rows, no bootstrap-table attributes or checkboxes are added as well as no extensions seems to be working with those rows (for example export, rows selection ...)

For more detail :

• When embedding PHP code into table columns:

source code :

while ($row = mysqli_fetch_array($result)){ ?>

    <tr>

        <td></td>

        <td><?php echo $row['id'] ?></td>

        <td><?php echo $row['isbn']; ?></td>

        <td><?php echo $row['description']; ?></td>

    </tr>

<?php } ?>

Generated code by bootstrap-table:

<tr data-index="0">

    <td class="bs-checkbox ">

        <input data-index="0" name="btSelectItem" type="checkbox">

    </td>

    <td style>

        <!-- data -->

    </td>

    <td style> <!-- the same thing... --> </td>

</tr>

• 
  

  When generating rows dynamically using AJAX :

  
  
  

  <tr>
  
      <td></td>
  
      <td><!-- data --></td>
  
      <td><!-- data --></td>
  
      <td><!-- data --></td>
  
  </tr>
  
  

  
  

I want the result to be the same as when i embed php inside each my table, i don't even know why i'm having this issue, i need some help.