DataTables는 테이블 데이터를 표시하고 관리하는 데 사용되는 자바스크립트 라이브러리입니다. DataTables는 다양한 기능을 제공하며, 컬럼 필터링 기능은 데이터를 필터링하여 특정 조건에 해당하는 데이터만 표시할 수 있게 해줍니다.

컬럼 필터링 기능을 사용하려면 다음 단계를 따르면 됩니다:

1. DataTables를 초기화합니다. DataTables의 기본 설정을 적용하고 테이블 데이터를 로드합니다.

   $(document).ready(function() {
   $('#myTable').DataTable();
   });
   

2. 컬럼 필터링을 적용할 테이블 열을 지정합니다. 컬럼 필터링은 일반적으로 테이블의 헤더에 추가됩니다. 아래 코드에서는 첫 번째 열에 컬럼 필터링을 적용하는 예시입니다.

   $(document).ready(function() {
   $('#myTable').DataTable({
      initComplete: function () {
         this.api().columns().every( function () {
             var column = this;
             var select = $('<select><option value="">전체</option></select>')
                 .appendTo( $(column.header()) )
                 .on( 'change', function () {
                     var val = $.fn.dataTable.util.escapeRegex(
                         $(this).val()
                     );
    
                     column.search( val ? '^'+val+'$' : '', true, false ).draw();
                 } );
    
             column.data().unique().sort().each( function ( d, j ) {
                 select.append( '<option value="'+d+'">'+d+'</option>' )
             } );
         } );
      }
   });
   });
   

요약하자면, DataTables에서 컬럼 필터링 기능을 사용하려면 DataTables를 초기화하고, 컬럼 필터링을 적용할 테이블 열을 지정해야 합니다. 필터링 옵션은 select(drop-down) 형식으로 제공되며, 사용자는 특정 값을 선택하여 필터링된 데이터만 표시할 수 있습니다.

더 자세한 정보는 DataTables 공식 문서를 참고하시기 바랍니다. (https://datatables.net/examples/api/multi_filter.html)