时间戳

首页 > 解决方案 > 使用PHP加载数据后JQuery DataTable清除数据

html - 使用PHP加载数据后JQuery DataTable清除数据

问题描述

表加载了数据，但在几毫秒后数据表清除了加载的数据，并且一行带有消息“未找到匹配的记录” 在此处输入图像描述

HTML Code

<table id="table">
<thead>
    <tr>
        <th><span class="table_header">Heading</span></th>
        <th><span class="table_header">Heading</span></th>
        <th><span class="table_header">Heading</span></th>
        <th><span class="table_header">Heading</span></th>
        <th><span class="table_header">Heading</span></th>
        <th><span class="table_header">Heading</span></th>
        <th><span class="table_header">Heading</span></th>
        <th><span class="table_header">Heading</span></th>
    </tr>
</thead>
<tbody>
    <?php get_data_from_db(); ?>
</tbody>

get_data_from_db();以下面的形式返回行的函数在哪里。

$record = <<<DELIMETER 
<tr>   // Repeated with data    </tr>
DELIMETER;
echo $record;

这是Javascript代码

$('#table').DataTable();

链接数据表文件

<!-- Datatable css -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.bootstrap4.min.css">
<!-- Datatable JS-->
<script src="http://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<script src="http://cdn.datatables.net/1.10.21/js/dataTables.bootstrap4.min.js"></script>
<script src="http://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.min.js"></script>
<script src="http://cdn.datatables.net/buttons/1.6.2/js/buttons.bootstrap4.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="http://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.min.js"></script>

标签： htmljquerybootstrap-4datatable

解决方案

请验证您的标签是否已正确分配唯一 ID，不仅是表格，而且所有标签（如输入、标签、选择等）

推荐阅读