Math table

by creativevilla

HTML

<div id="table"></div>

CSS

ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 5px;
}
li {
    padding: 5px;
    background: #ccc;
    text-align: center;
    width: 30px;
}

JavaScript

// Math table

var i, j;
for (i = 1; i <= 10; i++) {
    $('#table').append('<ul></ul>');
    for (j = 1; j <= 10; j++) {
        $('#table').find('ul').eq(i - 1).append('<li>' + (i * j) + '</li>');
    }
}