我有一个已经开始开发的插件，我想尝试使用datatables。net显示表格数据。我不知道如何做到这一点，在搜索和尝试了不同的东西后，我迷路了。以下是我的插件中的内容。当前，当我加载页面时，它会显示表，我可以在页面源代码中看到加载了dataTables js、dataTables css和customScriptDatatables。

add_action(\'create_datatable\', \'show_datatable\');
function show_datatable (){

function add_datatables_javaScript (){
        wp_register_script( \'dataTables-js\', \'https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js\' , \'\', \'\', true );
        wp_register_script( \'customScriptDatatables\', plugins_url( \'includes/js/customScriptDatatables.js\', __FILE__, \'\', true ) );
        wp_register_style( \'dataTables-css\', \'https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css\', \'\', \'\', true );

        wp_enqueue_script( \'dataTables-js\' );
        wp_enqueue_script( \'customScriptDatatables\' );
        wp_enqueue_style( \'dataTables-css\' );
}
add_action( \'load_datatables_javascript\', \'add_datatables_javaScript\' );

global $wpdb;
$getTheRows = $wpdb->get_results(
        $wpdb->prepare( "SELECT date,id_result FROM tableName where user_id=2" )
); # $getTheRows =...

echo \'<table id="dataTable"\';
echo "<tr><th>Date</th><th>ID</th></tr>";
foreach($getTheRows as $gotRow){
        $date = $gotRow->date;
        $id = $gotRow->id_result;
echo "<tr><td>" . $date . "</td><td>" . $id . "</td></tr>";
}

echo "</table>";
} # function show_datatable

在我的插件目录中有一个includes目录，里面有一个js目录。我放置customScriptDatatables。js，并放置默认的datatables。net中引用id dataTable的示例。customScriptDatatables。js如下：

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

我不熟悉wordpress和javascript，所以请原谅我的无知和错误做法，但请随时纠正我。计划是在customScriptDatatables中为不同的表放置不同的函数。js文件并将其加载到我想要使用datatables的页面中，但我没有得到datatables查找表。有人能告诉我哪里出了问题吗？或者建议一个更好的方法？我不完全确定在哪里编写javascript代码，这就是为什么我把它放在了。js文件，并尝试使用wp\\u enqueue\\u脚本。谢谢