Javascript 如何在electron应用程序中创建数据表

我正在使用electron创建一个应用程序，并尝试使用jquery处理数据表

但当我在html文件中执行此操作时，以及当我想测试它时：

1->网页：它在我的浏览器中工作 2->electron应用程序：它不工作，只显示表格，不显示datatables功能，如搜索或其他功能

---

如何解决此问题？

您需要使用NPM安装datatable：

npm install --save datatables.net-dt

PS：确保jquery也安装在您的节点模块中。如果没有安装，请使用

npm install--save jquery

并将此代码添加到您的html页面中：

<script> window.jQuery = window.$ = require('jquery'); </script>

现在，将HTML表格代码放入HTML页面，并调用css文件和datatable与jquery的功能：

HTML

第1栏
第2栏
第1行数据1
第1行数据2
第2行数据1
第2行数据2

Css

Javascript

<script src="node_modules/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
<script>
$(document).ready( function () {
      $('#table_id').DataTable();
  } );
</script>

$（文档）.ready（函数（）{
$（'#table_id'）。DataTable（）；
} );

来源

---

我完全不清楚你在问什么。发布你的代码

<table id="table_id" class="display">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Row 1 Data 1</td>
            <td>Row 1 Data 2</td>
        </tr>
        <tr>
            <td>Row 2 Data 1</td>
            <td>Row 2 Data 2</td>
        </tr>
    </tbody>
</table>

<link rel="stylesheet" href="node_modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css">

<script src="node_modules/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
<script>
$(document).ready( function () {
      $('#table_id').DataTable();
  } );
</script>