通过一个函数/PHP的DataTables

Posted 2023-05-09

【中文标题】通过一个函数/PHP的DataTables

【英文标题】：DataTables through a function / PHP

【发布时间】：2018-02-19 10:39:02

【问题描述】：

我目前对 DataTables 有一些了解，我已经尝试了演示代码并对其进行了操作，它运行良好。 现在我已经有了一个包含动态数据的表，通过一个函数使用 php 和 mysql 拉取，除了 document.ready 函数之外，我还向该函数添加了 css 和 js 链接，以便在我的表上使用 DataTable 函数。 但是，添加链接和准备功能后，即使更新了 id/类名称，我的表仍然是旧表。这是一个代码 sn-p：

    include('../session.php');

 echo"<script type='text/javascript' src='https://code.jquery.com/jquery-1.12.4.js'></script>";

 echo"<script type='text/javascript' src='https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js'></script>";

 echo "<link href='https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css'  rel='stylesheet' type='text/css' />";

echo "<script>
$(document).ready(function() 
    $('#example').DataTable();
 ); </script>
";

现在我进行查询并填充一个 id 等于 'example' 的表，最后我从另一个 php 文件调用此函数。

    $sql = "SELECT wp_users.ID, user_email, display_name, user_registered ,course_progress FROM wp_wpcw_courses, wp_wpcw_user_courses, wp_usermeta, jdashboard, wp_users WHERE  jdashboard.username = '".$this->session."' AND wp_wpcw_courses.course_id=".$cid." AND wp_usermeta.meta_key = 'CouponCode' AND wp_usermeta.meta_value = jdashboard.coupon  AND course_progress >0 AND wp_wpcw_user_courses.user_id = wp_usermeta.user_id AND wp_wpcw_user_courses.user_id= wp_users.ID AND wp_wpcw_user_courses.course_id = wp_wpcw_courses.course_id";
mysqli_set_charset($db,"utf8");
$result = mysqli_query($db, $sql);

在这里我继续进行其他查询并构建表格

我不太确定可能是什么问题，由于某种原因，.DataTable 函数无法正常工作，因此无法更新我的表。 请问有什么提示或想法吗？

【参考方案1】：

尝试使用.dataTable() 而不是.DataTable() 对其进行初始化。虽然文档指定.DataTable()，但源代码指定.dataTable() 作为注释。这是相关的屏幕截图。

【讨论】：

在尝试我的代码和表格之前，我已经在一个新的 php 文件中尝试了演示版本，并且它有效，不幸的是，添加 .dataTable 而不是 DataTable 不起作用，现在我确定格式正确，thead 和对应的 trs 和 tds