Question

我正在使用AJAX从CSV文件构建表格。桌子看起来不错。但无论我尝试什么，我都无法通过tableorter使其可以排序。我已经尝试过在stackoverflow上找到的所有解决方案。有什么建议吗？

以下是代码：

setContentView(R.layout.activity_main); //after this
name = (EditText)findViewById(R.id.edit_text);

Answer 1

你的代码遇到了很多问题，但你正朝着正确的方向前进。

1：你错过了很多分号。有太多要指出但是检查一下。

2：在包含Tablesorter之前需要包含jQuery，因为Tablesorter依赖于jQuery。

3：要在表格上使用Tablesorter，该表格必须包含<thead>和<tbody>。我可以看到你已经注释掉了将它添加到你的表中但你确实需要它的代码。 docs并没有很好地突出显示它，但它在“入门”下。

4：AJAX调用是异步的，这意味着您的代码不一定按顺序运行。您应该在处理完数据后在AJAX调用中初始化Tablesorter。

$.ajax({
    type: "GET",
    url: "MovieList.csv",
    dataType: "text",
    success: function (data) {
        processData(data);
        $("#myTable").tablesorter();
    }
});

5：当您向tbody添加行时，您在i === 0开始时添加了一行。在循环和if语句中移动此代码thelist += "<tr>";。

for (var i in allTextLines) {
    var columns = allTextLines[i].split(",");
    if (i > 0) {
        thelist += "<tr>";
        for (var j in columns) {
            thelist += "<td>";
            thelist += columns[j];
            thelist += "</td>";
        }
    }
    thelist += "</tr>";
}

6：您将行附加到名为“#test”的表中，但在“#myTable”上初始化Tablesorter。

Plunker

Tablesorter不排序AJAX表

1 个答案: