DmitrMakeev commited on
Commit
27648bc
1 Parent(s): 1335aff

Update data_gc_tab.html

Browse files
Files changed (1) hide show
  1. data_gc_tab.html +48 -62
data_gc_tab.html CHANGED
@@ -1,68 +1,54 @@
1
  <!doctype html>
 
2
  <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6
- <title>Contacts</title>
7
- <link href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css" rel="stylesheet">
8
- <style>
9
- body {
10
- font-family: Arial, sans-serif;
11
- text-align: center;
12
- background-color: #f0f0f0;
13
- margin: 0;
14
- padding: 0;
15
- }
16
- h1 {
17
- background-color: #4CAF50;
18
- color: white;
19
- padding: 20px;
20
- margin: 0;
21
- border-bottom: 2px solid #388E3C;
22
- }
23
- #table {
24
- width: 70%;
25
- margin: 20px auto;
26
- }
27
- p {
28
- margin-top: 20px;
29
- font-size: 18px;
30
- color: #333;
31
- }
32
- </style>
33
- </head>
34
- <body>
35
- <h1>База синзронизации с Getcurse</h1>
36
- <p>Total users: <span id="total-users">{{ total_users }}</span></p>
37
- <table id="contactsTable" class="display" style="width:100%">
38
- <thead>
39
- <tr>
40
- <th>Имя</th>
41
- <th>Телефон</th>
42
- <th>Почта</th>
43
- </tr>
44
- </thead>
45
- <tbody>
46
- <!-- Данные будут загружены через AJAX -->
47
- </tbody>
48
- </table>
49
 
50
- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
51
- <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
52
- <script>
53
- $(document).ready(function() {
54
- $('#contactsTable').DataTable({
55
- ajax: {
56
- url: "https://dmtuit-gc-api-ras.hf.space/data_gc_tab_out?api_sys=fasSd345D",
57
- dataSrc: ''
58
- },
59
- columns: [
60
- { data: 'name' },
61
- { data: 'phone' },
62
- { data: 'email' }
63
- ]
 
64
  });
65
- });
66
  </script>
67
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
68
  </html>
 
1
  <!doctype html>
2
+ <!DOCTYPE html>
3
  <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Tabulator Example</title>
8
+ <link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet">
9
+ <script type="text/javascript" src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>
10
+ </head>
11
+ <body>
12
+ <div id="example-table"></div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
13
 
14
+ <script type="text/javascript">
15
+ var data = [
16
+ { "email": "esitova62@gmail.com", "name": "Елена", "phone": "79290547079" },
17
+ { "email": "Lelechka18-05@mail.ru", "name": "Ольга", "phone": "79150408998" },
18
+ // Добавьте остальные данные здесь
19
+ ];
20
+
21
+ var table = new Tabulator("#example-table", {
22
+ height: "311px",
23
+ data: data, // Загрузка данных
24
+ columns: [
25
+ { title: "Name", field: "name", width: 250, frozen: true },
26
+ { title: "Phone", field: "phone", width: 200 },
27
+ { title: "Email", field: "email", width: 300 }
28
+ ],
29
  });
 
30
  </script>
31
+
32
+
33
+
34
+
35
+
36
+ <script type="text/javascript">
37
+ var table = new Tabulator("#example-table", {
38
+ height: "311px",
39
+ ajaxURL: "https://your-server-url/data_gc_tab_out?api_sys=fasSd345D", // URL для загрузки данных
40
+ columns: [
41
+ { title: "Name", field: "name", width: 250, frozen: true },
42
+ { title: "Phone", field: "phone", width: 200 },
43
+ { title: "Email", field: "email", width: 300 }
44
+ ],
45
+ });
46
+ </script>
47
+
48
+
49
+
50
+
51
+
52
+
53
+ </body>
54
  </html>