Question

I have a table with some data values. I would like to add styles to change the cells with values to have a background color and to add a border color to the first cell.

Can I do it with CSS only or do I need to ad some jQuery code? I’m fine with either or both.

Here’s a demo of my table.

Answer 1

in jquery you could do (this adds a background color to all cell that have a value and adds a border to the first cell with a value but i can modify this as you want) EDIT – update to take account of the comment

$('table tr').each(function() {
    var firstDone = false;
    $(this).children('td').each(function() {
        if ($(this).text() != '') {
            if (!firstDone) {
                $(this).css('border', '2px solid yellow');
                firstDone = true;
            }
            $(this).css('background-color', 'green');
        }
    });
});

fiddle here http://jsfiddle.net/rkrHx/11/