[jQuery][datatables] tbody colspan

var table = $('#example').DataTable({
    ajax: 'https://gyrocode.github.io/files/jquery-datatables/arrays.json',
    createdRow: function(row, data, dataIndex){
        // If name is "Ashton Cox"
        if(data[0] === 'Ashton Cox'){
            // Add COLSPAN attribute
            $('td:eq(1)', row).attr('colspan', 3);

            // Hide required number of columns
            // next to the cell with COLSPAN attribute
            $('td:eq(2)', row).css('display', 'none');
            $('td:eq(3)', row).css('display', 'none');

            // Update cell data
            this.api().cell($('td:eq(1)', row)).data('N/A');
        }
    }
});

 

➡️ 0번째 열의 데이터가 'Ashton Cox' 일 때,

   인덱스 1인 행에  'colspan = 3 '속성 을 부여한다. 

   인덱스 2,3 인 행은 보여주지 않는다. ( 'display = none ' 속성을 부여 )

   인덱스 1인 행에 'N/A' 라는 데이터를 넣는다.

 

참고: https://www.gyrocode.com/articles/jquery-datatables-colspan-in-table-body-tbody/

jQuery DataTables: COLSPAN in table body TBODY | Gyrocode.com