Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:web:reszponziv [2025/04/13 10:24] – [Táblázat celláinak tördelése] admin
+++ oktatas:web:reszponziv [2025/04/13 10:52] (aktuális) – [Szebb tördelés] admin
@@ Sor 94: / Sor 94: @@
 </code>
+==== Szebb tördelés ====
+<code css>
+@media screen and (max-width: 600px) {
+  table, thead, tbody, th, td, tr {
+    display: block;
+  }
+  thead tr {
+    display: none;
+  }
+  td {
+    border: none;
+    border-bottom: 1px solid #eee;
+    position: relative;
+    padding-left: 50%;
+  }
+  td:before {
+    position: absolute;
+    top: 6px;
+    left: 6px;
+    width: 45%;
+    padding-right: 10px;
+    white-space: nowrap;
+    content: attr(data-column);
+    font-weight: bold;
+  }
+}
+</code>
+{{:oktatas:web:tort_tablazat_02.png|}}
 ===== Bootstrap kártyák =====