하나의 열을 다른 열의 값에 따라 정렬하는 방법 : jquery tablesorter

motti에서 tablesorter을 사용하여 html 테이블을 정렬합니다. 다른 열 값에 따라 특정 열을 정렬하는 방법을 찾을 수 없습니다. 필자의 경우 FULLNAME 열을 정렬하려면 기본적으로 숨겨진 LASTNAME 열 값에 따라 달라집니다. 가능한가요?하나의 열을 다른 열의 값에 따라 정렬하는 방법 : jquery tablesorter

<table id="tblDetails"> 
<thead> 
    <tr> 
     <th>FULL NAME</th> 
     <th style="display:none;">LAST NAME</th> 
     <th>GENDER</th> 
     <th>ADDRESS</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>James</td> 
     <td style="display:none;">Peter</td> 
     <td>male</td> 
     <td>washington dc</td> 
    </tr> 
    <tr> 
     <td>jennifer</td> 
     <td style="display:none;">lopez</td> 
     <td>female</td> 
     <td>New york</td> 
    </tr> 
    <tr> 
     <td>Harrison</td> 
     <td style="display:none;">Ford</td> 
     <td>male</td> 
     <td>washington dc</td> 
    </tr> 
</tbody>

출처

2017-11-21 user3928461

사용자가 이름 열을 클릭하면 성이 먼저 정렬되고 이름이 먼저 정렬되어야한다는 말입니까? 또는 * 항상 * 테이블을 성으로 정렬하려면 원하는 열을 클릭 했습니까? – Mottie

안녕 Mottie, \t 난 항상 전체 이름 열을 클릭하면 성으로 정렬 테이블 싶어요. – user3928461

그런 다음 ['sortForce' 값] (https://mottie.github.io/tablesorter/docs/#sortforce)을 설정하십시오. – Mottie

.IT 단지 일종의 제 부가가치에 달려 열 (FULLNAME) 전에 숨겨진 스팬 또는 라벨을 추가하는 것

간단한 해결책

01,

 <table id="tblDetails"> 
    <thead> 
     <tr> 
      <th>FULL NAME</th> 
      <th>GENDER</th> 
      <th>ADDRESS</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td><span style="display:none;">Peter</span>James</td> 
      <td>male</td> 
      <td>washington dc</td> 
     </tr> 
    <tr> 
     <td><span style="display:none;">lopez</span>jennifer</td> 
     <td>female</td> 
     <td>New york</td> 
    </tr> 
    </tbody> 
    </table>

출처

2017-11-23 09:51:41 user2642517

이 문서를 찾고 :-) 감사합니다 : 당신이 (모든 HTML 요소를 클릭 등) 원하는 열에서 click 이벤트를 처리하고 다른 열에 정렬을 트리거 할 수 있습니다처럼 https://mottie.github.io/tablesorter/docs/#methods 보인다 :

$('table').find('th:eq(2)').trigger('sort');

출처

2017-11-21 10:24:38 ricardofagodoy

하나의 열을 다른 열의 값에 따라 정렬하는 방법 : jquery tablesorter

답변

관련 문제