데이터 테이블 열에 고정 폭을 설정하는 방법은 무엇입니까?

전에 여기에서 논의되었으므로 모든 대답을 먼저 검토했지만 아직 몇 가지 문제가 있습니다.데이터 테이블 열에 고정 폭을 설정하는 방법은 무엇입니까?

나는 더 많은 텍스트가있는 주석 열이있는 테이블을 가지고 있습니다. 다른 열을 고정 크기로 설정하고 주석 열만 다른 열을 설정하려고합니다. - 가장 좋은 방법은 무엇인지 아직 모릅니다 ... 나를 도울 수 있기를 바랍니다.

이 코드가 작동하도록하기 위해 관리하지 않은 : 여기

bAutoWidth: false , 
    "aoColumnDefs": [ 
    { "sWidth": "20%", "aTargets": [ 0 ] }, 
    { "sWidth": "5%", "aTargets": [ 1 ] }, 
    { "sWidth": "10%", "aTargets": [ 2 ] }, 
    { "sWidth": "5%", "aTargets": [ 3 ] }, 
    { "sWidth": "40%", "aTargets": [ 4 ] }, 
    { "sWidth": "5%", "aTargets": [ 5 ] }, 
    { "sWidth": "15%", "aTargets": [ 6 ] } 
    ],

는 Plunker

출처

2017-04-24 RoyBarOn

는 – Niraj

덕분에이 링크 https://datatables.net/reference/option/columns.width에서보세요 - 내가 언급 한 바와 같이 - 난 이미 그 위에 보았다. – RoyBarOn

링크에서 제공하는 동일한 코드를 사용하여 시도 했습니까? 작동 되나요? – Niraj

첫 번째 (더 많은 텍스트 열이있는 생산) 프로젝트의 샘플입니다; 당신은 당신의 CSS 파일에 작은 변화를 만들 필요가있다.

#example > tbody > tr > td { 
    white-space: nowrap; 
}

;

#example > tbody > tr > td { 
    word-break: break-all; 
}

이 변경으로 인해 긴 텍스트의 줄이 깨집니다. 그리고 여전히 특정 열의 너비를 변경하려면 columnDefs 속성을 DataTables으로 사용해야합니다. 처럼;

"columnDefs": [{ "width": "200px", "targets": 3 }]

수정 예 : Plunker

출처

2017-04-24 12:29:12

아무 말도 내 감사를 묘사하지 않습니다 !!! – RoyBarOn

어떻게 크기를 10px 이하로 설정할 수 있습니까? 모두 10 px가 잘 작동합니다 .... 10 px 미만 - 아무 것도 변경되지 않습니다. – RoyBarOn

헤더 (설명) 너비보다 낮을 수 없습니다. –

데이터 테이블 열에 고정 폭을 설정하는 방법은 무엇입니까?

답변

관련 문제