Question

我正在尝试使用JSP和从文件中读取信息的Java Bean创建的简单表来使tableorter工作。

这是我创建表格的jsp：

    <% 

out.println("<table id=\"infoTable\" class=\"tablesorter\" border=\"1\" bgcolor=\"#57976b\" " +
    "style=\"border-collapse:collapse;\">");

//Print Table Headings
out.println("<thead><tr>");
for(int i = 0; i < 19; i++) {
    String par = parameters.get(i);
    out.println("<td>" + par + "</td>");        
}
out.println("</tr></thead>");

out.println("<tbody>");
ArrayList<String> values = fileBean.getAllValues();
for(int i = 0; i < values.size(); i++) {

    if(i%19 == 0) { 
        out.println("<tr>");
    }

    out.println("<td>" + values.get(i) + "</td>");

    if(values.get(i).contains("grading") && i%19 != 0) { 
        out.println("</tr>");   
    }

}
out.println("</tbody>");


out.println("</table>");

%>

在我的<head>标记中使用此脚本：

    <script>
    $(document).ready(function() {
    $("#infoTable").tablesorter();
    })
</script>

这是使用上述页面上的inspect元素创建的HTML：

<table id="infoTable" class="tablesorter" border="1" bgcolor="#57976b"     style="border-collapse:collapse;">
<thead><tr>
<td>Grading</td>
<td>Teaching</td>
<td>Name</td>
<td>Title</td>
<td>Home Address</td>
<td>Additional Details</td>
<td>Course Name</td>
<td>Course Credits</td>
<td>Student ID</td>
<td>Additional Duties</td>
<td>Details</td>
<td>Course Grade</td>
<td>Phone Number</td>
</tr></thead>
<tbody>
<tr>
<td>1 </td>
<td>1 </td>
<td>John Doe</td>
<td>Student </td>
<td>Home Address </td>
<td>Web Development! </td>
<td>SWE 432 </td>
<td>4 </td>
</tr>
</tbody>
</table>

这些值与标题不匹配，因为这只是一个示例。我已经适当地包含了<thead>和<tbody>，表格看起来就像我想要的那样。知道为什么tablesorter没有认出我的桌子吗？

JQuery TableSorter无法在JSP页面上识别表

0 个答案: