I'm sw engineer!

$('#myTable').DataTable( { buttons: [ { extend: 'excel', text: 'Save current page', exportOptions: { modifier: { page: 'current' } } } ] } ); 프로젝트에서는 엑셀 다운로드시 컬럼별로 CSS를 설정해주고, function getExcelConfig(){ // 엑셀 스타일 설정 const cols = [ // 순서 { idx:0, stCode :'center' }, // 일자 { idx: 1, stCode :'center', width: 40 }, // 구분 { idx: 2, stCode:'center' }, // 비고 { idx: 3, stCode:'left', width: 50 } ]; // s..

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'); $(..

,"footerCallback" : function ( row, data, start, end, display ) { var api = this.api(); var numFormat = $.fn.dataTable.render.number(',').display; for(i=3; i

Ex $('#table').DataTable({ columnDefs : [ ,{ "width": "10%", "targets": [2,3,4] } ,{ "width": "15%", "targets": [1] } ] ➡ targets로 설정된 열의 너비를 설정해준다. https://datatables.net/reference/option/columns.width columns.width columns.width Since: DataTables 1.10 Column width assignment. Description This parameter can be used to define the width of a column, and may take any CSS value (3em, 20px etc). Ple..

datatables를 이용해서 테이블을 그리는데 자꾸 아래와 같은 에러가 떴다. uncaught (in promise) typeerror: cannot read properties of undefined (reading 'style') 구글링 해본결과 헤더인 개수와 내가 불러오는 데이터의 열개수가 맞지 않아서 발생하는 에러메세지라는데 분명 열의 개수가 똑같은데 왜 안뜰까 계속 찾아봤는데, colspan 때문이라는 글을 찾게 되었다.colspan으로 설정한 것 포함해서 열의 개수가 맞았던 거였는데 없애고 개별로 작성하니 정상적으로 작동되었다.

datatables를 사용해서 페이지를 만들다가 위와 같은 오류가 났다. 원인 : columns의 data 개수 ( 열의 개수 )가 맞지 않을 때 ➡️ 이 경우가 제일 많은 거 같다. 구글링해본 결과 ! 들어오는 데이터 값이 없을 때 데이터 렌더링 과정에서 데이터를 넣어주는 방법을 사용하였다. ,{ className : "txr", "targets" : [6, 7], render : function ( data, type, row ) { if (data) { data= data.toFixed(1); } else { data = 0; } return data+ '%'; }, tfoot : true, }