Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Можно ли сравнять таблицы? (https://javascript.ru/forum/dom-window/70391-mozhno-li-sravnyat-tablicy.html)

tablequest 02.09.2017 01:00

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

j0hnik 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 по другому никак


Часовой пояс GMT +3, время: 17:56.