row.add 후 DataTable에 응답하지 않습니다.

Question

나는 테이블이 있습니다. 나는 새 행을 추가 할 때

<table class="table table-hover table-striped table-responsive dataTable no-footer" id="my-table" role="grid" aria-describedby="my-table_info"> 

내가 mytable.row.add({columns}); 에 행을 추가

var mytable=$('#my-table').DataTable({options}); 

생성 된 태그 테이블은 는 ..., 파이어 폭스 브라우저 (의 반응 표시되지 않는 표는 크롬에 때 반응 보여되어 제거 클래스 태그 표에서 'datatable').

비어있는 경우 올바르게 표시됩니다.

왜 응답 테이블을 표시합니까?

을 잘 알고 있습니다.

Answer 1

테이블 앞에 <div class="table-responsive"> div를 추가하십시오. 그리고 테이블에 적용된 width="100%" 스타일이 있으면 제거하십시오.

<div class="table-responsive"> 
    <table id="example" class="table table-striped table-hover dt-responsive" cellspacing="0"> 
    <thead> 
     <tr> 
     <th>Name</th> 
     <th>Surname</th> 
     </tr> 
    </thead> 
    </table> 
</div> 

Answer 2

해결되었습니다.

나는

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

크롬에서 일을 추가 할 수 있습니다.

및 CSS에 의한 열의 너비 설정. 파이어 폭스에서 작동합니다.

그 이유는 열 자동 폭 부여 값입니다.