cpp
/
RmlUi
mirror of https://github.com/mikke89/RmlUi.git


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<rml>
<head>
	<title>Table 01</title>
	<link type="text/rcss" href="../style.rcss"/>
	<link rel="help" href="https://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html" />
	<link rel="match" href="reference/table_01-ref.rml"/>
	<meta name="Description" content="Basic table layout." />
	<style>
		table {
			border-width: 20dp 5dp 0;
			color: #333;
			text-align: center;
			margin: 0 auto;
			min-width: 100dp;
			max-width: 400dp;
		}
		table, table * {
			border-color: #666;
		}
		td {
			padding: 15dp 5dp;
		}
		col {
			background: #3d3;

			/* Used to test the paint order of positioned columns, should not affect the order. */
			position: relative;
		}
		col:first-child {
			background: #6df;
			border-right-width: 3dp;
		}
		col:nth-child(3) {
			background: #dd3;
		}
		thead {
			color: black;
			background: #fff5;
			border-bottom: 3dp #666;
		}
		tbody tr {
			border-bottom: 1dp #666a;
		}
		tbody tr:last-child {
			border-bottom: 0;
		}
		tbody tr:hover {
			background: #fff5;
		}
		tfoot {
			background: #666;
			color: #ccc;
		}
		tfoot td {
			padding-top: 0;
			padding-bottom: 0;
			text-align: right;
			height: 20dp;
		}
	</style>
</head>

<body>
<table>
	<col/>
	<col span="2"/>
	<col/>
	<thead>
		<tr>
			<td>A</td>
			<td colspan="2">B</td>
			<td>C</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>D</td>
			<td>E</td>
			<td>F</td>
			<td>G</td>
		</tr>
		<tr>
			<td>H</td>
			<td>I</td>
			<td>J</td>
			<td>K</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td colspan="4">[1] Footnote</td>
		</tr>
	</tfoot>
</table>
<handle size_target="#document"/>
</body>
</rml>