Javascript Tablesorter未使用该表_Javascript_Jquery_Html_Sorting_Tablesorter

Javascript Tablesorter未使用该表

javascript jquery html sorting

Javascript Tablesorter未使用该表,javascript,jquery,html,sorting,tablesorter,Javascript,Jquery,Html,Sorting,Tablesorter,这是我的cshtml和js代码。我在其他表上尝试了tablesorter插件（只有带有thead和tbody的普通表），它可以正常工作。我认为问题在于tbody标记中没有body，因为我用JS和webapi添加了body，你知道如何修复它并对这个表进行排序吗？我是一个初学者，所以将感谢任何帮助或建议 <head> <script src="lib/jquery/dist/jquery.js" asp-append-version="true"></scrip

这是我的cshtml和js代码。我在其他表上尝试了tablesorter插件（只有带有thead和tbody的普通表），它可以正常工作。我认为问题在于tbody标记中没有body，因为我用JS和webapi添加了body，你知道如何修复它并对这个表进行排序吗？我是一个初学者，所以将感谢任何帮助或建议

<head>
    <script src="lib/jquery/dist/jquery.js" asp-append-version="true"></script>
    <script src="js/jquery.tablesorter.min.js"></script>
    <link rel="stylesheet" type="text/css" href="~/css/theme.default.css">
</head>
    <h3>Branch Index</h3>
    <div id="branchIndex">
        <table class="table tablesorter mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp customTable" id="branchIndexTablee">
            <thead>
                <tr>
                    <th>Branch Name</th>
                    <th>Open Now</th>
                    <th>Number Of Assets</th>
                    <th>Number Of Patrons</th>
                </tr>
            </thead>
            <tbody id="branchess">
            </tbody>
        </table>
    </div>

    <script>
        $(document).ready(function () {
            $('table').tablesorter({ sortList: [[0, 0]] });
        });
    </script>

输入错误：id被分配到错误的位置：

现在：

<tbody >
   <tr>
      <td id="branchess"></td>
   </tr>
</tbody>

<tbody id="branchess">
   <tr>
      <td ></td>
   </tr>
</tbody>

期望值：

<tbody >
   <tr>
      <td id="branchess"></td>
   </tr>
</tbody>

<tbody id="branchess">
   <tr>
      <td ></td>
   </tr>
</tbody>


分支索引
分支机构名称
现在开门
资产数量
顾客人数
$（文档）.ready（函数（）{
_显示项目([{
id:1，
branchName：“随机”，
是的，
资产数量：10，
顾客人数：11
},
{
id:2，
布兰克纳姆：“迷失”，
是的，
资产数量：10，
顾客人数：11
},
{
id:3，
布兰克纳姆：“找到了”，
伊索彭：错，
资产数量：10，
顾客人数：11
},
{
id:4，
布兰克纳姆：“好的”，
是的，
资产数量：10，
顾客人数：11
},
])
$（'table'）.tablesorter({
名单：[
[0, 0]
]
});
});
功能\u显示项目（数据）{
const tBody=document.getElementById（'branches'）；
tBody.innerHTML=''；
data.forEach（项=>{
设tr=tBody.insertRow（）；
设td1=tr.insertCell（0）；
var a=document.createElement（'a'）；
var name=document.createTextNode（item.branchName）；
a、 子女（姓名）；
a、 title=item.name；
a、 href=“Branch/Detail/”+item.id；
td1.儿童（a）；
设td2=tr.insertCell（1）；
让时间=document.createTextNode（item.isOpen？'OPEN'：'CLOSED'）；
td2.追加（时间）；
设td3=tr.insertCell（2）；
让telephoneN=document.createTextNode（item.numberOfAssets）；
td3.儿童（电话号码）；
设td4=tr.insertCell（3）；
让地址=document.createTextNode（item.numberOfCustomers）；
td4.子女（地址）；
});
//分支=数据；
var table=jQuery（“.tablesorter”）；
table.tablesorter（）；
}

输入错误：id被分配到错误的位置：

现在：

<tbody >
   <tr>
      <td id="branchess"></td>
   </tr>
</tbody>

<tbody id="branchess">
   <tr>
      <td ></td>
   </tr>
</tbody>

期望值：

<tbody >
   <tr>
      <td id="branchess"></td>
   </tr>
</tbody>

<tbody id="branchess">
   <tr>
      <td ></td>
   </tr>
</tbody>


分支索引
分支机构名称
现在开门
资产数量
顾客人数
$（文档）.ready（函数（）{
_显示项目([{
id:1，
branchName：“随机”，
是的，
资产数量：10，
顾客人数：11
},
{
id:2，
布兰克纳姆：“迷失”，
是的，
资产数量：10，
顾客人数：11
},
{
id:3，
布兰克纳姆：“找到了”，
伊索彭：错，
资产数量：10，
顾客人数：11
},
{
id:4，
布兰克纳姆：“好的”，
是的，
资产数量：10，
顾客人数：11
},
])
$（'table'）.tablesorter({
名单：[
[0, 0]
]
});
});
功能\u显示项目（数据）{
const tBody=document.getElementById（'branches'）；
tBody.innerHTML=''；
data.forEach（项=>{
设tr=tBody.insertRow（）；
设td1=tr.insertCell（0）；
var a=document.createElement（'a'）；
var name=document.createTextNode（item.branchName）；
a、 子女（姓名）；
a、 title=item.name；
a、 href=“Branch/Detail/”+item.id；
td1.儿童（a）；
设td2=tr.insertCell（1）；
让时间=document.createTextNode（item.isOpen？'OPEN'：'CLOSED'）；
td2.追加（时间）；
设td3=tr.insertCell（2）；
让telephoneN=document.createTextNode（item.numberOfAssets）；
td3.儿童（电话号码）；
设td4=tr.insertCell（3）；
让地址=document.createTextNode（item.numberOfCustomers）；
td4.子女（地址）；
});
//分支=数据；
var table=jQuery（“.tablesorter”）；
table.tablesorter（）；
}