Shows how to use the plugin to colorize columns and rows:
$('#tbl1').colorize( {hover:'cross', click:'cross', oneClick:true} );.
Every new click defaults the current highlighted column back to the orginal background color.
| project_number | cost_planned | cost_actual | computed | ||||
|---|---|---|---|---|---|---|---|
| project_number | cost_planned | cost_actual | computed | sch_plan | sch_actual | effort_plan | effort_actual |
| 0101 | 0 | 0 | 0 | 0 | 0 | 0 | |
| 0149 | |||||||
| 0150 | 310000 | 310000 | 0 | 3000 | 2923 | 400 | 391 |
| 0151 | |||||||
| 0152 | 305250 | 0 | -1 | 2493 | 2056 | 121 | 121 |
| 0153 | 764800 | 719107 | 0 | 6078 | 5751 | 209 | 225 |
| 0167 | 236000 | 54360 | 0 | 8647 | 10105 | 258 | 320 |
| 0167 | 236000 | 54360 | 0 | 8647 | 10105 | 258 | 320 |
| 0152 | 305250 | 0 | -1 | 2493 | 2056 | 121 | 121 |
| 0152 | 305250 | 0 | -1 | 2493 | 2056 | 121 | 121 |
| 0156 | 305250 | 0 | -1 | 2493 | 2056 | 121 | 121 |