DataTables 경고 : table id = DataTables_Table_1 - DataTable을 다시 초기화 할 수 없습니다. 작동하지 않음

Question

DataTables 경고 : table id = DataTables_Table_1 - DataTable을 다시 초기화 할 수 없습니다. 이 오류에 대한 자세한 내용은 http://datatables.net/tn/3이

내 코드는 참조하십시오

this.dtOptions = { 
    pagingType: 'full_numbers', 
    scrollX: true, 
    lengthChange: false, 
    pageLength: 100 
    }; 

내 데이터 테이블 태그는 내가 내 데이터를 인쇄 할 때 데이터 테이블과 각도 (4)를 사용하고

<table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="display nowrap" cellspacing="0" width="100%" > 

입니다 첫 번째 문자 만 표시하는 데이터 테이블은 전체 동적 값을 표시하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?

나는이 데이터 테이블 https://l-lin.github.io/angular-datatables/#/getting-started

을 사용하고 내 데이터 테이블 결과 동적 데이터의 샘플 이미지를 추가했습니다. 나는 약간의 정적 데이터를 동적 데이터

Answer 1

DataTables에 대해 잘 외는 작업 시간을 사용하고 때 초기화 시간에 테이블을 정의하는 데 사용할 수있는 구성 옵션의 넓은 범위를 가지고 있지만 초기화시 . DataTable을 초기화 한 후에 이러한 옵션을 사용하려고 시도하면 오류가 발생합니다.

은 간단히 말해, DataTables가 초기화 옵션은 초기화 시간 이외의 시간에 변경 될 수 없습니다 의미

. 초기화 후 테이블 조작은 API를 통해 수행되어야하며 테이블이 이미 초기화 된 후에 초기화 옵션을 설정하면 오류가 발생합니다.

이 오류는 DataTables 생성자 객체에 옵션을 전달하면 트리거됩니다 선택한 노드의 DataTable 인스턴스가 이미 초기화되었습니다. 예를 들어

$('#example').dataTable({ 
    paging: false 
}); 


$('#example').dataTable({ 
    searching: false 
}); 

# 예제는 이미 DataTable에로 초기화되기 때문에, 코드의 두 번째 블록은, 실행시 오류가 발생한다.

해상도

이 오류 코드에자를 수 있습니다, 그래서도 사용할 수있는 다른 방법의 수는 정확하게 당신이 시도하고있는 무슨에 따라 문제가 해결하는 방법에는 여러 가지가 있습니다 달성하기.

싱글 초기화

당신은 여러 DataTables 초기화 옵션의 사용을 간단하게 테이블에 모두 함께 적용 할 경우.우리가 검색 페이징을 해제하려고 위의 예제 오류의 경우, 우리는 사용한다 :

이

$('#example').dataTable({ 
    paging: false, 
    searching: false 
}); 

if ($.fn.dataTable.isDataTable('#example')) { 
    table = $('#example').DataTable(); 
} 
else { 
    table = $('#example').DataTable({ 
     paging: false 
    }); 
} 

개체 인스턴스 검색은 검색

table = $('#example').DataTable({ 
    retrieve: true, 
    paging: false 
}); 

파괴

table = $('#example').DataTable({ 
    paging: false 
}); 

table.destroy(); 

table = $('#example').DataTable({ 
    searching: false 
}); 

희망은 당신을 도와줍니다.