Table Styles and Hide Column

Table Styles and Hide Column

by Nirvanachain

HTML

<!-- Helpful styling article: http://css-tricks.com/complete-guide-table-element -->
<table>
    <thead>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
            <td>d</td>
        </tr>
        <tr>
            <td>one</td>
            <td>two</td>
            <td>three</td>
            <td>four</td>
        </tr>
        <tr>
            <td>once</td>
            <td>more</td>
            <td>with</td>
            <td>feeling</td>
        </tr>
    </tbody>
</table>

CSS

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td, th {
    border: 1px solid black;
    padding: 0.5em;
    text-align: center;
}

JavaScript

$('table tr').each(function (index, ele) {
    console.log(index);
    console.log(ele);
    $(ele).find('td:eq(2)').css({
        'color' : 'red' 
    });
});