[javascript] DataTables에서 특정 열의 데이터를 포맷팅하는 방법은 무엇인가요?
DataTable의 특정 열 데이터 포맷팅은 매우 간단합니다. DataTables는 columnDefs
옵션을 제공하여 열에 대한 여러 설정을 할 수 있는데, 여기에 render
속성을 사용하여 데이터를 원하는 형식으로 포맷팅할 수 있습니다.
아래는 예시 코드입니다.
$(document).ready(function() {
$('#myTable').DataTable({
columnDefs: [
{
targets: [2], // 3번째 열(index 2)에 대해서 포맷팅 설정
render: function(data, type, row, meta) {
// data는 해당 셀의 데이터, type은 현재 처리 유형, row는 전체 행 데이터, meta는 현재 셀의 메타 데이터입니다.
// 여기서는 data의 값을 화폐 단위로 포맷팅하여 반환합니다.
return '$' + data.toFixed(2);
}
}
]
});
});
위 코드에서는 3번째 열(index 2)의 데이터를 화폐 단위로 포맷팅하도록 설정되어 있습니다. 셀의 데이터를 toFixed()
함수를 사용하여 소수점 이하 자릿수를 고정시키고, 앞에 ‘$’ 기호를 붙여 반환하고 있습니다.
위와 같이 columnDefs
옵션을 사용하여 DataTables에서 특정 열의 데이터 포맷팅을 할 수 있습니다.
더 자세한 내용은 DataTables 공식 문서를 참고하시기 바랍니다.