PHP dynamically generated table and jquery tablesorter

Question

I have a table that's being generated with PHP

<table id="mytable" class="tablesorter tablesorter-jui ui-widget ui-widget-content ui-corner-all hasStickyHeaders">
<thead style="">//code for headers </thead>
<tbody>
<?php 
foreach ($active_participants as $participant) 
{
//code for rows..
}
?>
</tbody>
</table>

I am applying the jquery tablesorter plugin to it, however it does not sort(no jquery errors). I need it to display on page load, because it's the first thing the user will see, however can I have it wait for the page to finish loading before applying

 $("#myTable").tablesorter({ sortList: [[0,0], [1,0]] });

what is the proper way to do this?

user2658774 · Accepted Answer · 2013-09-04 20:42:31Z

2

You would want to do this in the documents ready function. So in the head section of your html just add:

<script type="text/javascript">
$(document).ready(function() {
    $("#myTable").tablesorter({ sortList: [[0,0], [1,0]] });
});
</script>

That will run once the document is fully loaded.

EDIT: Reyaner Beat me to the answer. :)

answered Sep 4, 2013 at 20:42

user2658774

1463 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

reyaner · Accepted Answer · 2013-09-04 20:42:28Z

0

did you try this:

$(document).ready(function(){
    $("#myTable").tablesorter({ sortList: [[0,0], [1,0]] });
});

answered Sep 4, 2013 at 20:42

reyaner

2,8091 gold badge14 silver badges18 bronze badges

Collectives™ on Stack Overflow

PHP dynamically generated table and jquery tablesorter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related