jquery - 在没有 jquery 表排序器干扰的情况下向表中添加附加标题

Question

我需要在表格顶部添加一个额外的标题。目的只是为了告诉表是关于什么的。因此我不需要任何排序。但问题是 jquery 表排序器会干扰它，因为我将它添加到表排序器类中。到目前为止，这是我的代码：

  <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（演示）：

<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']
});