Wiki source code of LSS-P - Mechanical

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

30.1	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