Wiki source code of LSS-P - Mechanical

Version 30.1 by Eric Nantel on 2023/07/07 14:41

1	{{html}}
2	<html>
3	<head>
4	<style>
5	table {
6	width: 100%;
7	border-collapse: collapse;
8	}
9
10	th, td {
11	padding: 8px;
12	text-align: left;
13	border-bottom: 1px solid #ddd;
14	}
15
16	/* Media query for mobile devices */
17	@media only screen and (max-width: 600px) {
18	/* Stack the table columns vertically */
19	td {
20	display: block;
21	}
22
23	/* Add spacing between stacked columns */
24	td:not(:first-child) {
25	margin-top: 10px;
26	}
27
28	/* Hide table headers (th) */
29	th {
30	display: none;
31	}
32	}
33	</style>
34	</head>
35	<body>
36	<table>
37	<tbody>
38	<tr>
39	<td>
40	<table>
41	<thead>
42	<tr>
43	<th>Column 1</th>
44	</tr>
45	</thead>
46	<tbody>
47	<tr>
48	<td>Data 1</td>
49	</tr>
50	<tr>
51	<td>Data 3</td>
52	</tr>
53	<!-- Add more rows as needed -->
54	</tbody>
55	</table>
56	</td>
57	<td>
58	<table>
59	<thead>
60	<tr>
61	<th>Column 2</th>
62	</tr>
63	</thead>
64	<tbody>
65	<tr>
66	<td>Data 2</td>
67	</tr>
68	<tr>
69	<td>Data 4</td>
70	</tr>
71	<!-- Add more rows as needed -->
72	</tbody>
73	</table>
74	</td>
75	</tr>
76	</tbody>
77	</table>
78	</body>
79	</html>
80	{{/html}}

Navigation