DataTables에서 특정 행을 숨기거나 보이는 것은 매우 간단합니다. DataTables는 각 행에 대해 CSS 클래스를 제공하기 때문에, 이를 활용하여 특정 행을 숨기거나 보이게 할 수 있습니다.

다음은 특정 행을 숨기는 예제입니다.

$('#myTable').dataTable().fnSetRowClasses(function() {
  return this.rowIndex % 2 === 0 ? 'even' : 'odd';
});

// 2번째 행을 숨깁니다.
$('#myTable tbody tr:eq(1)').addClass('hidden');

위의 예제에서 fnSetRowClasses 함수는 CSS 클래스 ‘even’ 또는 ‘odd’를 각각 짝수 행과 홀수 행에 적용합니다. 그리고 $('#myTable tbody tr:eq(1)').addClass('hidden') 코드는 두 번째 행에 ‘hidden’ 클래스를 추가하여 해당 행을 숨깁니다.

특정 행을 보이게 하려면, addClass 대신 removeClass 함수를 사용하여 해당 행의 ‘hidden’ 클래스를 제거하면 됩니다.

더 자세한 내용은 DataTables의 공식 문서를 참조하시기 바랍니다.

• DataTables
• DataTables Documentation