05-23-2008, 08:09 AM
[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
Edit views/table.php and edit as
That's all
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;
}
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']})
.......