2014-05-12 3 views
2

내 프로젝트에서 jquery tablesorter를 사용하고 있습니다. 이제는 플러그인이나 하위 플러그인에서 찾을 수없는 기능이 필요합니다. 어쩌면 내가 잘못된 용어를 사용하고 있지만 "끈적한 행"과 같은 것이 필요할 것입니다. 전에, 나는jquery tablesorter의 "sticky rows"

<table> 
<thead> 
<tr> 
<th>Head1</th> 
<th>Head2</th> 
<th>Head3</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td>cell1.1</td> 
<td>cell1.2</td> 
<td>cell1.3</td> 
</tr> 
... 
</tbody> 
</table> 

처럼, 꽤 STANDART 테이블이 있고 tablesorter에는 잘했다.

지금, 나는 같은 필요

<table> 
<thead> 
<tr> 
<th>Head1</th> 
<th>Head2</th> 
<th>Head3</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td>cell1.1</td> 
<td>cell1.2</td> 
<td>cell1.3</td> 
</tr> 
<tr> 
<td>cell1.4</td> 
<td collspan="2">cell1.5</td> 
</tr> 
... 
</tbody> 
</table> 

및 작업 된 정렬을 유지.

그 meens, cell1.4 및 cell1.5 (및 다음 짝수 행과 함께) 행을 무시하려면 tablesorter가 필요하며 테이블에서 무시되지 않는 행을 정렬하고 행 앞에 무시 된 적절한 값을 추가하십시오. 적절하게 무시되지 않는 행 (셀 1.4 및 1.5가있는 행은 항상 cell1.1이있는 행을 따라 가야합니다). 다른 세계에서는 셀 1.4 및 1.5가있는 행을 이전 행에 붙여야합니다. 이를 위해 필요한 기능 (테이블 포터 매개 변수 또는 속성 포함)에 대한 행을 표시하는 방법을 찾아야합니다.

tablesorter 문서에서 적절한 기능을 찾지 못했습니다. 이것이 어떻게 달성 될 수 있는가?

+0

행을 "고정적으로 만드는"속성은 무엇입니까? – dualed

답변

2

어린이 행 (demo)에 대해 묻는 것처럼 들립니다. tablesorter에서이 작업을 수행하려면 위의 행에 첨부 될 모든 행에 "tablesorter-childRow"라는 클래스 이름을 추가하십시오.

<tr> 
    <td>cell1.1</td> 
    <td>cell1.2</td> 
    <td>cell1.3</td> 
</tr> 
<tr class="tablesorter-childRow"> 
    <td>cell1.4</td> 
    <td collspan="2">cell1.5</td> 
</tr> 
+0

답변에 tablesorter 선언을 포함해야합니다. 내가 tablesorter 선언에서 자식 행 클래스를 선언해야한다고 결정했다. – chiliNUT

+0

@chiliNUT 죄송합니다, 클래스 이름을 변경하려면 표시된 클래스 이름이 클래스 이름을 변경하려면 ['cssChildRow' 옵션] (http : //mottie.github.io/tablesorter/docs/#csschildrow). – Mottie

+0

설명서에서이 내용을 읽었지만 기본 설정이 없다고 생각합니다. 적어도 저에게는 맞지 않습니다. 나는 "tablesorter-childRow"와 "expand-child"를 시도했는데 테이블리스트 선언에 클래스를 지정할 때까지는 아무 것도 작동하지 않았습니다. – chiliNUT