Question

I want to ouline one column in a thin red colour so far i have seen this
http://jsfiddle.net/subhaze/GtAwW/

but this is when it is clicked i would like it outlined when the page loads, the reason for this is because this column will hold the errors so its easier for the user to see

i.e
the column which just has asf i would like that outlined in thin red

is this possible

COULD THIS BE DONE FOR THE HEADER TO COLUMN
FORGOT TO SAY THIS NEW LINK

http://jsfiddle.net/GtAwW/42/

thanks in advance

Answer 1

Execute the required logic on page load it will work as you want.

Try this.

$('td:contains("asdf")').each(function(){
        $(this).toggleClass('selected');
        $(this).prev('td').toggleClass('selected-right');
        $(this).parent().prev('tr').find('td:nth-child('+(this.cellIndex+1)+')').toggleClass('selected-bottom');
});

​
Working demo – http://jsfiddle.net/GtAwW/41/

I would recommend you to apply a class to all such td’s which will show error message and control the styling through css.