[El Forum]

[eluser]abmcr[/eluser]
Thank you JTaby for the new release.... i have insert another little feature: the table hover effect (see the attached image) and see this page for a demo.
Simply, insert into assets/js the file you download at http://p.sohei.org/jquery-plugins/tablehover/.
After, edit the css file of ypur template and insert these lines

Code:

/*class for zebra like table*/
tr.odd {
background-color:#BFDEFF;
}

tr.even {
background-color:#333666;
}
/*jquery table hover*/
td.click, th.click {
background-color:#A7C1DE;
color:white;
}
td.hover, tr.hover {
background-color:#1A2227;
}
th.hover, tfoot td.hover {
background-color:ivory;
}
td.hovercell, th.hovercell {
background-color:#AABBCC;
}
td.hoverrow, th.hoverrow {
background-color:#66DDFF;
}

Edit views/table.php and edit as

Code:

<?php
$this->codextemplates->jsFromAssets('js-tablesorter','jquery.tablesorter.pack.js');
$this->codextemplates->jsFromAssets('js-tablesorter-pager','jquery.tablesorter.pager.js');
//this line insert the table hover effect:
//attach the file you have downloaded, in this example is jquery.tablehover.min.js
$this->codextemplates->jsFromAssets('js-tablehover','jquery.tablehover.min.js');

$table_sorter_js = "

    $(document).ready(function() {
         $('#main-table').tableHover({clickClass: 'click'});
        $('#main-table')
            .tablesorter({widthFixed: true, widgets: ['zebra']})
.......

That's all