Update table.html
Browse files- table.html +41 -38
table.html
CHANGED
@@ -51,45 +51,48 @@
|
|
51 |
</form>
|
52 |
</div>
|
53 |
</nav>
|
54 |
-
|
55 |
|
56 |
-
|
57 |
-
|
58 |
-
|
59 |
-
|
60 |
-
|
61 |
-
|
62 |
-
|
63 |
-
|
64 |
-
|
65 |
-
|
66 |
-
|
67 |
-
|
68 |
-
|
69 |
-
|
70 |
-
|
71 |
-
|
72 |
-
|
73 |
-
|
74 |
-
|
75 |
-
|
76 |
-
|
77 |
-
|
78 |
-
|
79 |
-
|
80 |
-
|
81 |
-
|
82 |
-
|
83 |
-
|
84 |
-
|
85 |
-
|
86 |
-
|
87 |
-
|
88 |
-
|
89 |
-
|
90 |
-
|
91 |
-
|
92 |
-
|
|
|
|
|
|
|
93 |
|
94 |
<script>
|
95 |
document.getElementById("st_onl").addEventListener("click", function() {
|
|
|
51 |
</form>
|
52 |
</div>
|
53 |
</nav>
|
54 |
+
<div id="data-table"></div>
|
55 |
|
56 |
+
<script>
|
57 |
+
document.addEventListener("DOMContentLoaded", function () {
|
58 |
+
fetch("/get_all_data")
|
59 |
+
.then(response => response.json())
|
60 |
+
.then(data => {
|
61 |
+
const table = new Tabulator("#data-table", {
|
62 |
+
layout: "fitColumns",
|
63 |
+
pagination: "local", // Включаем локальную пагинацию
|
64 |
+
paginationSize: 50, // Количество строк на странице
|
65 |
+
paginationSizeSelector: [50, 100, 200], // Выбор количества строк
|
66 |
+
columns: [
|
67 |
+
{ title: "ID", field: "id", sorter: "number" },
|
68 |
+
{ title: "Неделя", field: "wek", sorter: "number" },
|
69 |
+
{ title: "День", field: "dey", sorter: "number" },
|
70 |
+
{ title: "Время системы", field: "time_system", sorter: "string" },
|
71 |
+
{ title: "Уровень pH", field: "ph", sorter: "number" },
|
72 |
+
{ title: "Уровень EC", field: "ec", sorter: "number" },
|
73 |
+
{ title: "Темп. раствора", field: "tS", sorter: "number" },
|
74 |
+
{ title: "Темп. воздуха", field: "tA", sorter: "number" },
|
75 |
+
{ title: "Влажность воздуха", field: "hDm", sorter: "number" },
|
76 |
+
{ title: "Об. вентилятора", field: "sVen", sorter: "number" },
|
77 |
+
{ title: "pH (нас)", field: "nPh", sorter: "number" },
|
78 |
+
{ title: "EC (нас)", field: "nEC", sorter: "number" },
|
79 |
+
{ title: "Свет ВКЛ (нас)", field: "nLon", sorter: "string" },
|
80 |
+
{ title: "Свет ОТКЛ (нас)", field: "nLoff", sorter: "string" },
|
81 |
+
{ title: "Темп. воздуха (нас)", field: "nTa", sorter: "number" },
|
82 |
+
{ title: "Насос A (нас)", field: "onA", sorter: "number" },
|
83 |
+
{ title: "Насос B (нас)", field: "onB", sorter: "number" },
|
84 |
+
{ title: "Насос C (нас)", field: "onC", sorter: "number" },
|
85 |
+
{ title: "Дата зап��си", field: "date_time", sorter: "datetime" }
|
86 |
+
],
|
87 |
+
data: data.map(item => ({
|
88 |
+
...item,
|
89 |
+
time_system: `${item.v_hid}:${item.v_min}` // Объединяем v_hid и v_min через двоеточие
|
90 |
+
}))
|
91 |
+
});
|
92 |
+
})
|
93 |
+
.catch(error => console.error("Ошибка загрузки данных:", error));
|
94 |
+
});
|
95 |
+
</script>
|
96 |
|
97 |
<script>
|
98 |
document.getElementById("st_onl").addEventListener("click", function() {
|