[javascript] DataTables에서 여러 개의 열을 합치는 방법은 무엇인가요?
DataTables에서 여러 개의 열을 합치는 방법은 columnDefs 속성을 사용하는 것입니다.
아래의 예시 코드를 통해 설명해 드리겠습니다.
$(document).ready(function() {
$('#myTable').DataTable({
columnDefs: [
{
targets: [0, 1], // 합칠 열의 인덱스
render: function(data, type, row) {
// 합쳐진 결과를 반환
return data[0] + ' - ' + data[1];
}
},
{
targets: [2, 3],
render: function(data, type, row) {
return data[2] + ' ~ ' + data[3];
}
}
]
});
});
위의 코드에서 columnDefs 속성은 합치고자 하는 열의 인덱스를 지정하고, render 함수를 통해 합쳐진 결과를 반환합니다.
예제에서는 첫 번째 열과 두 번째 열을 합치고, 세 번째 열과 네 번째 열을 합쳐서 표시하도록 하였습니다.
결과적으로, 첫 번째 열과 두 번째 열은 -로 구분되어 합쳐지고, 세 번째 열과 네 번째 열은 ~로 구분되어 합쳐집니다.
참고문서: DataTables - columnDefs