Wiki source code of LSS-P - Mechanical

Version 27.1 by Eric Nantel on 2023/07/07 14:39

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

Navigation