Jquery datatables - fnopen() 세부 테이블이 전체 너비를 차지하지 않습니다.

Question

jQuery 데이터 테이블을 통해 표시 할 행 집합이 있습니다. 기본적으로 MVC ASP.net의 표 목록을 사용하고 jQuery 데이터 테이블을 사용하여 표시 할 각 행을 확장합니다. 새로운 테이블 데이터. 세부 테이블 데이터 행의 전체 폭을 차지하고 테이블 함수를 열려면이

내 전화처럼 표시하지 않는 것은 LP는 스타일링 클래스가

oTable.fnOpen(nTr, details, 'LP') 

입니다 그림에서 보듯이 부모 테이블의 크기는 적용되지만 적용되지 않습니다. 필자는 HTML 자체에 스타일 행을 적용하려고했지만 아무런 도움이되지 않았습니다. 부모 테이블의 스타일링을 가져 와서 부모 테이블의 너비를 차지하게하려면 어떻게해야합니까?

답변 :

그것은 자식 테이블 작업에서 스타일을 방지하고 부모 테이블에 내 정렬 열을 밝혀 - 나는 아직 이유를 알아 충분한 연구 havent 한,하지만 사람에 대한 참조로 뭔가 문제. 상위 테이블의 모든 열에 정렬을 적용하고 100 % 너비가 포함되도록 하위 스타일을 변경했습니다.

Answer 1

이 코드는 dataTables 예제에서 파생 된 Plunker입니다.

당신이 원하는 일을 할 것으로 보인다. (깨진 아이콘을 무시하고, plz).

나는이 긴 스크립트를 작성해야만 했으므로 코드를 모릅니다. 그러나 실제로는 단순히 서브 (plunker 코드의 라인 4)에 100 %의 폭을 추가로 내려 온다 :

var sOut = '<table class="subtable" style="width:100%">'; 

이 체크 아웃하고 논의 할 수 있습니다 더 개선을 위해 도심 내 plunker을 사용하십시오 이리. (다른 것들은 코드의 일부를 보여 주면 도움이 될 수도 있습니다.)

희망이 도움이됩니다. (Btw, 아주 멋진 피요르드)

Answer 2

이것은 완전히 쓸모가 없을 수도 있지만 데이터 테이블과 매우 비슷한 문제가 발생했으며 테이블의 CSS 표시 속성이 '블록'으로 설정되어있었습니다. 일단 제거되면 아무런 문제가 없습니다. 너의 일이 그 일을하는 기회에, 나는 내가 올 것이라고 생각했다.