代码之家 › 专栏 › 技术社区 › amirhosein majidi

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

electron datatables jquery javascript

amirhosein majidi · 技术社区 · 6 年前

但当我在html文件中进行测试时:

1->网页:在我的浏览器中工作

我该如何解决这个问题?

0 回复 | 直到 6 年前

D. Ahmed 5 年前

您需要使用NPM安装datatable:

npm install --save datatables.net-dt

npm install --save jquery 并将此代码添加到html页面中:

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

require( 'datatables.net-dt' )();

现在,将HTML表代码放入HTML页面,并使用jquery调用css文件和datatable的功能:

HTML格式

<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>

Css

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

Javascript

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