i'm trying to apply ajax to my tbody only not all table : 1- i`m trying to apply Ajax to my tbody only not all my table but i can`t do 
   this the ajax working good if i put my complete table in page. i want to split my table header & tbady to be in separated page. the following code is ajax :
     
    `function jsQueryData(){
      var objData = {
       action : actionSplit0 +'/QueryData',
      };
      $.post(
       index_File,
     objData,
       function(data, status){
         $('#table-container').html(data)
        },
        'html'
      )}` 
2- this is the code of my table "if i put the table code completely in one page the ajax working good":
   
               <table class="table table-striped table-bordered table-hover 
               main-table-h">
              <thead>
                <tr>
                  <td scope="col" class="search-th">
                    <input type="text" name="" value=""> <!-- for search -->
                  </td>
                </tr>
                <tr>
                  <th scope="col" class="align-top">item no</th>
                </tr>
              </thead>
              <tbody>
                <?php foreach ($allData1 as $data): ?>
                  <tr>
                    <td><?=$data->{2}; ?></td>
                  </tr>
                <?php endforeach; ?>
              </tbody>
            </table>
3- i tried to split the above code to be tbody in separate page but the data didn't come as a table but all td come together