Question

我想要隐藏表格的第一列。如果我删除col-id类，那么它工作正常，但我不能删除该类。

for (var i = 0; i < result.marks.length; i++) {
    var col_id = result.marks[i].col_id;
    var student_id = result.marks[i].student_id;
    var roll_no = result.marks[i].roll_no;
    var first_name = result.marks[i].first_name;
    var last_name = result.marks[i].last_name;
    var secured_marks = result.marks[i].secured_marks;

    $("#marks-table tbody").append('<tr></tr>');
    $("#marks-table tbody tr:last").append('<td class="col-id" hidden>' + col_id + '</td>');
    $("#marks-table tbody tr:last").append('<td hidden>' + student_id + '</td>');
    $("#marks-table tbody tr:last").append('<td>' + roll_no + '</td>');
    $("#marks-table tbody tr:last").append('<td>' + first_name + '</td>');
    $("#marks-table tbody tr:last").append('<td>' + last_name + '</td>');
    $("#marks-table tbody tr:last").append('<td class="secured-marks">' +
        '<input type="text" class="form-control text-center secured-marks-input" value="' + secured_marks + '"></td>');
}

Answer 1

隐藏<td>你可以做的

<td style="display:none;">

因此，在您的代码中，您可以执行

$("#marks-table tbody tr:last").append('<td class="col-id" style="display:none;">' + col_id + '</td>');

Answer 2

如果你想用Jquery做，你可以使用选择器，如下所示：

$('#marks-table tr td:first-child').hide();

Answer 3

您是否尝试过使用“col-id”的CSS：

.col-id{
    display: none;
}

用类隐藏一列表

3 个答案: