Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div class="table_container"> <table border=1> <thead> <tr> <th>Sloupec 1</th> <th>Sloupec 2</th> <th>Sloupec 3</th> <th>Sloupec 4</th> </tr> </thead> </table> <table border=1> <thead> <tr> <th>Sloupec 1</th> <th>Sloupec 2</th> <th>Sloupec 3</th> <th>Sloupec 4</th> </tr> </thead> <tbody> <tr> <td>Hodnota 1</td> <td>Hod. 2</td> <td>Hodnota 3</td> <td>Hodnota čtyři</td> </tr> </tbody> </table> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function copyColumnsWidth(duplicate_table, original_table) { for (var i=0;i<duplicate_table.rows.length;i++) { var row=duplicate_table.rows[i]; for(var j=0;j<duplicate_table.rows[i].cells.length;j++) { var gcs=window.getComputedStyle(original_table.rows[i].cells[j], null); duplicate_table.rows[i].cells[j].style.width=gcs.width; } } } var tables=document.getElementsByTagName('table'); copyColumnsWidth(tables[0], tables[1]);
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>