Question

我有以下代码填充我的表格：

if (jsonObj[0].array !== 'undefined' && jsonObj[0].array.length > 0) {
for (var i = 0; i < jsonObj[0].array.length; i++) {
    var table_row = "<tr><td>" + jsonObj[0].array[i].siteId + "</td>";

    var date = new Date(0); 
    date.setUTCSeconds(jsonObj[0].array[i].time);
    table_row = table_row + "<td>" + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds() + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field1 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field2 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field3 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field4 + "</td>";

    var totalCount = jsonObj[0].array[i].field1 + jsonObj[0].array[i].field2 + jsonObj[0].array[i].field3 + + jsonObj[0].array[i].field4;

    if (totalCount > 100) {
        table_row = table_row + totalCount + "</td></tr>";
    } else if (totalCount > 80){
        table_row = table_row + totalCount + "</td></tr>";
    } else {
        table_row = table_row + totalCount + "</td></tr>";
    }

    $("#my-table").find("#my-table-body").append(table_row);
}

}

我想通过仅显示10行来过滤表 - 这是从下拉值中调用的：

document.getElementById=("#rowNumberSelection").onchange = function() {
    var rowNumber = document.getElementById("rowNumberSelection").value();

    if (rowNumber == "10") {
       /////
    }

}

我不确定此时如何切割数组/只显示行数，是否有人可以帮忙？

Answer 1

这将只显示表格的前10行：

$("#my-table tr:lt(11)").show();
$("#my-table tr:gt(10)").hide();

过滤行数HTML表，拼接数组

1 个答案: