Форум

tablequest · #1 (**permalink**) 02.09.2017, 01:00

Как это сделать JS-ом, я примерно представляю, но, может быть можно сделать CSS или HTML, это было бы предпочтительней.
Есть 2 таблицы, надо чтобы ширина столбцов коррелировала, при изменении ширины в одной(в зависимости от текста), должны меняться и в другой.
Ширина самих таблиц у меня указана в процентах

j0hnik · #2 (**permalink**) 02.09.2017, 01:34

только если сделать не две таблицы а одну, и у одной строки убрать границу, как бы создать видимость что таблицы две.

<html>
<head>
	<style>
		table{
			border-collapse: collapse;
		}
		td{
			border: 1px solid red;
		}
	</style>
</head>
<body>
	<table id="id1">
		<tr><td colspan="2">Таблица 1</td></tr>
		<tr><td>454</td><td>54</td></tr>
		<tr><td>454</td><td>545</td></tr>
		<tr><td>545</td><td>54</td></tr>
		<tr><td style="border-width: 0; height: 20px;"></td></tr>
		<tr><td colspan="2">Таблица 2</td></tr>
		<tr><td>45454545</td><td>545454</td></tr>
		<tr><td>45454545</td><td>545454</td></tr>
		<tr><td>45454545</td><td>545454</td></tr>
		<tr><td>45454545</td><td>545454</td></tr>
	</table>
</body>
</html>

на css по другому никак

Форум

Справочник

Discord чат

Курсы javascript