Tabela auto

by Torwan

HTML

<table></table>
<input value="Toggle" type="button">

CSS

table 
{
    border-collapse: separate;
    border-radius: 10px;
}

table tr 
{
    border-radius: 10px;
}

table tr td
{
    border: 1px solid #fc0;
    border-radius: 10px;
}

table.collapse
{
    border-collapse: collapse;
}

JavaScript

var i = 1, n = 10;
for (; i <= n; i++)
{
    $('table').append('<tr><td>Cell 1, row ' + i + '</td><td>Cell 2, row ' + i + '</td><td>Cell 3, row ' + i + '</td></tr>');
}

function toggle_collapse(evt)
{
    $('table').toggleClass('collapse');
}

$('input').click(toggle_collapse);