2015-12-14 18 views
-2

У меня есть отображение данных в таблице html. Мне нужно сортировать только один столбец https://jsfiddle.net/5a3j7ek1/как отсортировать столбец в таблице html

<iframe width="100%" height="300" src="//jsfiddle.net/5a3j7ek1/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe> 

как я могу получить данные из столбца номер структуры и сортировать его?

+0

Вы хотите отсортировать основаны от чего? Первая колонка? Во-вторых? Вы хотите использовать javascript для этого? – chapinkapa

+0

Вы могли бы попытаться взглянуть на [сортировку таблицы jQuery] (http://stackoverflow.com/questions/3160277/jquery-table-sort) – gaetanoM

ответ

0

В том числе TableSorter: http://tablesorter.com/docs/

HTML

<table id="mytable" class="tablesorter"> 
     <thead> 
     <tr> 
      <th>Last Name</th> 
      <th>First Name</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr> 
      <td originalid="pivot__R1" class="p-dim-member" fidx="1" val="109"> 
      <div class="wrapper"> 
       <div class="p-head-content"><span>109</span> 
       </div> 
      </div> 
      </td> 
      <td>data3</td> 
     </tr> 

     <tr> 
      <td originalid="pivot__R4" class="p-dim-member" fidx="1" val="11" style="height: 24px;"> 
      <div class="wrapper"> 
       <div class="p-head-content"><span>11</span> 
       </div> 
      </div> 
      </td> 
      <td>data5</td> 
     </tr> 
     </tbody> 
    </table> 

JS:

$("#mytable").tablesorter(); 

https://jsfiddle.net/5a3j7ek1/1/

Смежные вопросы