처음부터 시작하는 Java

columDefs: [ { targets:0, createdCell: function (td, cellData, rowData, row, col) { if (col === 0) { if (rowData.serviceUseStcd !== '00102100') { oTable.api().cell(row, col).checkboxes.disable(); } } }, } ]

datatables로 테이블을 생성하다보면 데이터 테이블의 디폴드 값이 설정되어서 가끔 레이아웃이 맞지 않는 경우가 생기는데, 그럴때 해당 데이터 테이블의 옵션중 하나인 autoWidth 를 사용하여 레이아웃을 맞추도록하자! 이런식으로 하거나 전체 테이블의 컬럼라인을 잡아주는 옵션 (아래) 를 사용! "columnDefs": [ {"width": "100%", "targets": "_all" } ] 이런식으로 전체 컬럼의 width를 설정해주면 쪼그라들일이 없을 것이다!

아래의 스크린샷은 이해를 바람. 중요한것은 빨간박스의 컬럼헤드를 보면 됨 화면의 해상도가 안맞거나 줄어들때 데이터테이블의 사이즈가 변경되는데 아래처럼 헤드는 같이 움직이지 않고 지정된 해상도에 맞게 처리된다. 하지만 아래의 스크린샷은 컬럼에만 적용되는 스크롤바가 생겨서 넘어가게 되어 결과적으로 테이블의 헤더와 바디의 컬럼이 맞지 않게 되는 현상이 생겨서 상당히 불편하게 된다. 재수가 없다 ㄹㅇ; 불편 그자체다. 이렇게 스크롤 바를 당기면 컬럼 내용과 맞지 않게 된다. ㅇㅇ 이걸 아래의 컬럼내용의 사이징을 줄이지 않고 바디 컬럼과 같이 움직이게 == 헤드도 스크롤바를 당겼을 때 같이 움직이게 만들자. 데이터 테이블을 사용했을 시 dataTables_scrollHeadInner 라는 class가 생성되는데 ..