0

テーブルの上部に追加のヘッダーを追加する必要があります。目的は、テーブルが何であるかを伝えることです。したがって、ソートは必要ありません。しかし、問題は、テーブルソーター クラス内に追加しているため、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>"

ページを壊さずに上記を行うための解決策を得ることができますか?

4

1 に答える 1

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']
});
于 2012-06-08T02:38:58.840 に答える