Hi Frans,
I regularly use multiple plugins on my tables to allow the user to
search and sort the table contents.
eg:
<table class="stripeMe sortable quicksearch" ...>
...
</table>
and
<script type="text/javascript"
src="/affiliate/js/jquery/jquery.js"></script>
<script type="text/javascript"
src="/affiliate/js/jquery/jquery.tablesorter.js"></script>
<script type="text/javascript"
src="/affiliate/js/jquery/jquery.quicksearch.js"></script>
$(function(){
// add pretty stripes to the table rows
$(".stripeMe tr").mouseover(function()
{$(this).addClass("over");}).mouseout(function()
{$(this).removeClass("over");});
$(".stripeMe tr").removeClass("alt");
$(".stripeMe tr:even").addClass("alt");
// set up the table sorting
$(".sortable").tableSorter({
sortClassAsc: 'sortUp', // class name for ascending sorting
action to header
sortClassDesc: 'sortDown', // class name for descending sorting
action to header
headerClass: 'sort' // class name for headers (th's)
});
// add a quicksearch field to the table
$('.quicksearch tbody tr').quicksearch({
attached: ".quicksearch",
position: "before",
stripeRowClass: ['alt', ''],
labelClass: "quicksearch_label",
inputClass: "input",
labelText: "Quick Search",
loaderImg: '/affiliate/js/jquery/quicksearch/loader.gif',
delay: 200
});
});
I haven't used any of the paging plugins for my tables but I assume it
would be just as simple to implement.
Cheers,
David
Frans H. wrote:
Jquery is really amazing! I am so glad I was introduced to it.
Is there a way to combine features from multiple plugins ? I'd love a
sortable, scrollable table with key navigation :)
I'd really love to use all that jquery coolness you guys have created!
