Using JQuery table sorter in Struts2

Question

My problem is mainly getting the tablesorter from jquery to operate correctly. I believe the issue stems from the fact that I use an iterator to display my table information - which is necessary in the way I have designed my struts2 pages.

To start I have placed the jquery-1.11.1.min.js file within my WEB-INF/lib folder. I felt like this was a convenient place to put it. Therefore my tags in my jsp page look like:

 <head>
      <script type="text/javascript" src="/My_Project/WebContent/WEB-INF/lib/jquery-1.11.1.min.js"></script>
      <script type="text/javascript" src="/My_Project/WebContent/WEB-INF/lib/jquery-1.11.1.min.tablesorter.js"></script>
      <script type="text/javascript">
         $(document).ready(function() {
            $("#table").tablesorter();
       });
      </script>
 </head>

then within my body I have my table which looks like:

 <table id="table" class="tablesorter">
      <thead>
           <tr>
                <th>column</th>
                <th>column</th>
           </tr>
      </thead>
    <tbody>
        <s:iterator status="stat" value="listTable">
            <TR>
                <TD><s:property value="%{row1}" /></td>
                <TD><s:property value="%{row2}" /></td>
            </TR>
        </s:iterator>
    </tbody>
</table>

My question is, what am I missing? Is the iterator why I can't get the table sorter to work? Is it my formatting?

Any help information or better yet examples would be greatly appreciated.

Answer 1

follow this jsFiddle. hjsfiddle.net/Mottie/4mVfu/1/

You will find what you are missing.

Using JQuery table sorter in Struts2

Question

1 answers

solution1
0 2014-07-10 21:10:06

Using JQuery table sorter in Struts2

Question

1 answers

solution1 0 2014-07-10 21:10:06

solution1
0 2014-07-10 21:10:06