DataTable의 컬럼이

Question

나는 하나의 표시 행과 숨겨진 또 다른 하나에 테이블이 일치하지 않는 경우 작동하지만 onclick을 표시하지 않습니다.

<table cellspacing="0" id="datatable" class="table table-responsive table-striped table-bordered" style="width: 1300px; margin-bottom: 50px"> 
    <thead> 
     <tr> 
      <th>#</th> 
      <th>1</th> 
      <th>2</th> 
      <th>3</th> 
      <th>4</th> 
      <th>5</th> 
      <th>6</th> 
      <th>7</th> 
      <th>8</th> 
      <th>9</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>#</td> 
      <td>1</td> 
      <td>2</td> 
      <td>3</td> 
      <td>4</td> 
      <td>5</td> 
      <td>6</td> 
      <td>8</td> 
      <td>9</td> 
     </tr> 
     <tr> 
      <td colspan="9" id="break_{{$t->BreakID}}" style="display: none;"></td> 
     </tr> 
      </tbody> 
     </table> 

DataTable의 기능 내가이 행 제거하면 작동합니다

<tr> 
    <td colspan="9" id="break_{{$t->BreakID}}" style="display: none;"></td> 
</tr> 

을 또는 내가 추가하면 8 TD의 이전 행에서 일을 일치하지만 그것은 추한 외모. 나는 colspan = 9 인 td가 필요하다. 또한 숨겨진 표시 스타일로 8 td를 추가하려고했습니다. 또한 효과가 없었습니다.

는

그렇지 않으면 그것은 작동 및 오류가 발생하지 않습니다 :

Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined 

어떤 제안?

Answer 1

머리글을 포함하여 모든 행에 같은 양의 열이 있어야합니다. 마지막 행의 모든 ​​열이 덮여서는 안됩니다. CSS로 원하지 않는 <td>을 시도하고 숨겨야합니다. 플러그인이 존재하지 않는 한 당신이 원하는 것을 생각하지 않는다

는 DataTables 가능합니다. 그들의 설명서에는 '행 그룹화'에 대한 내용이 있지만, Row grouping 대신 '셀 그룹화'를 의미하는 것으로 생각됩니다. 어쨌든 예제에서는 td의 양이 나머지 테이블과 일치합니다.

Answer 2

이 영향을받는 경우 나도 몰라,하지만 당신은 첫 번째 행에 10 개 세포, 두 번째와 세 번째 9 개 세포를 가지고있다.

Answer 3

데이터 테이블 정의하고 당신의 js 파일에 다음과 같이 데이터 테이블의 기능

를 사용하여 특정 열을 숨길 수 있습니다 가져 오는로드하거나 데이터를

usercheck이 후 내 사용자 역할이 확인 모든 필드가 필요합니다 변하기 쉬운.

if (usercheck == 3) 
{ 
    data_table.column(6).visible(false);//data_table is variable of data-table and here is the code to hide column in data-table 
} 

조건에 따라 특정 열 기반을 숨겨야합니다.