[javascript] DataTables에서 특정 열의 값을 포맷팅하여 표시하는 방법은 무엇인가요?
DataTable에서 특정 열의 값을 포맷팅하여 표시하는 방법은 columnDefs
옵션을 사용하는 것입니다. columnDefs
는 열의 인덱스나 이름 등과 함께 열에 대한 설정을 정의하는 객체입니다.
아래는 DataTables에서 특정 열의 값을 포맷팅하여 표시하는 예시입니다.
$(document).ready(function() {
$('#example').DataTable({
columnDefs: [{
targets: 2,
render: function(data, type, row, meta) {
// data에는 해당 열의 값이 들어 있습니다.
// 여기서 원하는 형식으로 값을 변환하여 반환합니다.
return '$' + data.toFixed(2);
}
}]
});
});
이 예시에서는 테이블의 세 번째 열(인덱스 2)의 값을 $
통화 기호와 소수점 둘째 자리까지 표시하는 형식으로 변환하고 있습니다.
columnDefs
배열 안에 포맷팅을 적용하려는 열을 지정하고, render
속성에 변환되기 전의 값(data
)을 받아 원하는 방식으로 포맷팅하여 반환하면 됩니다.
더 많은 옵션과 사용법은 DataTables 공식 문서를 참고하시기 바랍니다.
참고 문서:
- DataTables 문서: https://datatables.net/
columnDefs
옵션: https://datatables.net/reference/option/columnDefsrender
함수: https://datatables.net/reference/option/columns.render