DataTables jQuery 플러그인 Arapax 테이블 용

ajax 테이블에 대한 모든 정보가 즉석에서 생성 될 때 누군가 nowrap = "nowrap"을 열에 추가하는 방법에 대한 예제를 제공 할 수 있습니까?DataTables jQuery 플러그인 Arapax 테이블 용

$('#results').dataTable({ 
    "fnRowCallback": function(nRow, aData, iDisplayIndex) { 
     $(nRow).attr('id', aData[0]); 
     return nRow; 
    }, 
    "bAutoWidth": false, 
    "sPaginationType": "full_numbers", 
    "bProcessing": true, 
    "sAjaxSource": 'ajax/purchasers.php', 
    "aaSorting": [[1,'asc']],     
    "aoColumns": [        
     { "bVisible": false },      
     null,         
     null, 
     null, 
     null, 
     null, 
     null, 
     null 
    ] 
});

나는 이것이 긴 샷일 수 있음을 알고 있습니다. 미리 감사드립니다. 사람이 솔루션에 관심이 경우

출처

2010-02-16 jay

-1

, 그렇게처럼 렌더링 완료 DataTables 후 테이블에 루프에 fnInitComplete를 사용할 수 있습니다

$('#results').dataTable({ 
    "fnInitComplete": function() { 
     $('#results tbody tr').each(function(){ 
       $(this).find('td:eq(0)').attr('nowrap', 'nowrap'); 
     }); 
    }, 
    "sAjaxSource": 'ajax/purchasers.php' 
});

출처

2010-02-17 15:59:21 jay

는 성능의 관점에서 더 나은 솔루션에 대한 내 대답을 참조하십시오 할 수 있습니다. 초기화하는 동안 간단한 CSS 클래스를 추가 할 수있는 동안 전체 테이블을 반복하지 않으려 고합니다. 행 수가 많은 두 옵션을 모두 시도하십시오. 많은 수의 행을 처리하지 않는다면 아마 괜찮을 것입니다. –

솔루션은 CSS입니다! – Mattos

대신 스타일을 통해이를 달성하는 것이 좋습니다.

.my_class { 
    white-space:nowrap; 
}

출처

2011-04-16 00:11:55

페이지 매김을 사용하고 jeerose의 메서드를 테스트하는 것은 테이블의 첫 페이지에만 특성이 할당되므로 ... aoColumns를 사용하여 스타일을 지정하는 것이 더 좋습니다. –

는 확실히 클래스를 추가하고 나사에서 파운드에 망치를 사용하는 것 같아 이것에 대한 CSS 항목을 작성하기 위해 작동하지만 스타일 시트

"aoColumns": [        
    { "sClass": "my_class"},

Datatables는 이미 이것을 쉽게 수행 할 수있는 방법을 제공합니다. 당신의 데이터 테이블 선언에

추가 :

"fnRowCallback": function(nRow) { 
    if(nRow.cells[2]) nRow.cells[2].noWrap = true; // column index starts with 0 and we check if cells[2] is null to be ultra safe 
    return nRow; 
},

희망이

출처

2011-06-28 19:05:33 kasdega

jeerose의 게시물은 외부 (데이터 테이블에) 자바 스크립트가 필요하며 Karthik 's는 외부 (데이터 테이블에) CSS가 필요합니다. 이것은 dataTable이하려고하는 것과 잘 어울립니다. – kasdega

그것은 나를 위해 완벽하게 작동합니다. 고맙습니다. –

DataTables jQuery 플러그인 Arapax 테이블 용

답변

관련 문제