Is there a way to hide the first column of the table without removing the col-id class?
for (let i = 0; i < result.marks.length; i++) {
let col_id = result.marks[i].col_id;
let student_id = result.marks[i].student_id;
let roll_no = result.marks[i].roll_no;
let first_name = result.marks[i].first_name;
let last_name = result.marks[i].last_name;
let 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>');
}