Как создать таблицы данных в электронном приложении

Question

Я создаю приложение с электроном и пытаюсь работать с таблицами данных с помощью jquery.

, но когда я делаю это в html-файле и когда я хочу его протестировать:

1 -> веб-страница: это работает в моем браузере 2 -> приложение для электроники: оно не работает и показывает только таблицу, а не функции данных, такие как поиск или другие

как мне решить эту проблему

Answer 1

вам нужно установить datatable с помощью NPM:

npm install --save datatables.net-dt

PS: убедитесь, что jquery также установлен в ваших модулях узла, если нет, используйте npm install --save jquery и добавьте этот код на вашу html-страницу:

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

Чтобы иметь возможность использовать выбранное программное обеспечение в вашем пакете, используйте следующий код:

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

теперь поместите код таблицы HTML и вызовите файл css и функциональностьданных с помощью jquery на вашей html-странице:

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>

source Datatabledownload Datatable ручная установка