DmitrMakeev
commited on
Commit
•
27648bc
1
Parent(s):
1335aff
Update data_gc_tab.html
Browse files- data_gc_tab.html +48 -62
data_gc_tab.html
CHANGED
@@ -1,68 +1,54 @@
|
|
1 |
<!doctype html>
|
|
|
2 |
<html lang="en">
|
3 |
-
|
4 |
-
<meta charset="
|
5 |
-
<meta name="viewport" content="width=device-width, initial-scale=1
|
6 |
-
<title>
|
7 |
-
<link href="https://
|
8 |
-
<
|
9 |
-
|
10 |
-
|
11 |
-
|
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
|
51 |
-
|
52 |
-
|
53 |
-
|
54 |
-
|
55 |
-
|
56 |
-
|
57 |
-
|
58 |
-
|
59 |
-
|
60 |
-
|
61 |
-
|
62 |
-
|
63 |
-
|
|
|
64 |
});
|
65 |
-
});
|
66 |
</script>
|
67 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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>
|