Question

我需要在表格顶部添加一个额外的标题。目的只是告诉表格的内容。因此我不需要任何排序。但问题是jquery tablesorter干扰了它，因为我在tablesorter类中添加它。这是我目前的代码：

  <script type="text/javascript">
    jQuery(document).ready(function() { 

        jQuery("table").tablesorter({ 


    }); 

    });
    </script>
        puts "<table cellspacing=\"1px\" class=\"tablesorter\" >"
        puts "<thead>"
        puts "<tr>"
        puts    "<th>Search</th>"
        puts    "<th>Sub-App</th>"
        puts    "<th>Division</th>"

        puts "</tr>"
        puts "</thead>"
        puts "<tbody>"

        puts "<tr>"
        puts    "<td>$level</td>"
        puts    "<td>$div_name</td>"
        puts    "<td>$reg_name</td>"

        puts "</tr>"

        puts "</tbody>"
        puts "</table>"

这是我要添加的内容

            puts "<table cellspacing=\"1px\" class=\"tablesorter\" >"
            puts "<thead>"
            puts "<tr><th>Search Division/Region</th></tr>
            puts "<tr>"
            puts    "<th>Search</th>"
            # and so on
            puts    "<th>Sub-App</th>"

我可以在不破坏页面的情况下获得上述操作的解决方案吗？

Answer 1

我认为第一行缺少colspan="3"。尝试使用此HTML（demo）：

<thead>
    <tr><th colspan="3">Search Division/Region</th></tr>
    <tr><th>Search</th><th>Sub-App</th><th>Division</th></tr>
</thead>

然后通过将分拣机设置为false来禁用第一个标题单元格：

$('table').tablesorter({
    headers : {
        0 : { sorter: false }
    },
    widgets: ['zebra']
});

在没有jquery tablesorter干扰的情况下向表中添加额外的头

1 个答案: