Создание данных в модальном

Question

Я попытался отобразить таблицу как таблицу данных. Но код для отображения этого находится в другом файле PHP, так что он не отображается в виде данных вместо обычной таблицы. Я включил также все файлы сценариев.

**activity_show.php**

<link href="vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">
    <link href="vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css" rel="stylesheet">

    <link href="vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css" rel="stylesheet">
    <link href="vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css" rel="stylesheet">
<table id="datatable-buttons" class="table table-striped table-bordered dataTable " role="grid" 
aria-describedby="datatable-buttons_info" style="width: 948px;">
                      <thead>
 <th>id</th>
                          <th>Date </th>
                          <th>id2</th>
 </tr>
                      </thead>
                      <tbody>
<td>1</td>
                <td >2</td>
                <td>3</td>

            </tr>   
 </tbody>
                    </table>    
 <script src="vendors/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <script src="vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script>
    <script src="vendors/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="vendors/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="vendors/datatables.net-buttons/js/buttons.print.min.js"></script>

    <script src="vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
    <script src="vendors/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js"></script>
    <script src="vendors/datatables.net-scroller/js/dataTables.scroller.min.js"></script>
    <script src="vendors/jszip/dist/jszip.min.js"></script>
    <script src="vendors/pdfmake/build/pdfmake.min.js"></script>
    <script src="vendors/pdfmake/build/vfs_fonts.js"></script>

Используя приведенный ниже код, таблица вызывается для отображения.

 **activity.php**

    <div class="row">
          <div id="userTable"></div>
          </div>
      <script type="text/javascript">
        $(document).ready(function(){
        showactivity();
    });
    function showactivity(){
        $.ajax({
          url: 'activity_show.php',
          type: 'POST',
          async: false,
          data:{
            show: 1
          },
          success: function(response){
            $('#userTable').html(response);
          }
        });

      }

Answer 1

Вы можете использовать эти функции, чтобы сначала создать, а затем обновить таблицу данных, где это необходимо.

1) Убедитесь, что все таблицы с определенным классом по умолчанию являются DataTable.

$(document).ready(function(e) {
   $('.dataTable').DataTable();
});

2) Обновите таблицу после отправки вашего Ajax.

$('.dataTable').change(function(e) {
   $('.dataTable').draw();
});