Question

这是我的桌子。

<tbody id="TeamsTbody">
    <tr title="Edit" class="edit">
        <td class="TeamName">Petes Team2</td>
        <td class="edit-delete">
            <a title="Edit" href="#"><i class="icon-edit MR5"></i></a>
            <a title="delete" href="#"><i class="icon-trash MR5"></i></a>
        </td>
    </tr>
    <tr title="Edit" class="edit">
        <td class="TeamName">Bens Test Team</td>
        <td class="edit-delete">
            <a title="Edit" href="#"><i class="icon-edit MR5"></i></a>
            <a title="delete" href="#"><i class="icon-trash MR5"></i></a>
        </td>
    </tr>
    <tr title="Edit" class="edit">
        <td class="TeamName">A New Team</td>
        <td class="edit-delete">
            <a title="Edit" href="#"><i class="icon-edit MR5"></i></a>
            <a title="delete" href="#">
                <i class="icon-trash MR5"></i>
            </a>
        </td>
    </tr>
</tbody>

我希望这个表是特定列中的排序顺序。请帮助我做这个。感谢。

Answer 1

使用jquery datatable插件对每列进行排序或者您需要通过Get方法进行自定义，以确定哪个列已排序并在查询中传递

Answer 2

可能这会对你有所帮助。你不需要任何第三方库。

＆＃13;

$("table tr").sort(sort_li) // sort elements
                  .appendTo('.tblTeam'); // append again to the list
// sort function callback
function sort_li(a, b){      
    return ($(b).find('.TeamName').text()) < ($(a).find('.TeamName').text()) ? 1 : -1;    
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="tblTeam">
  <tr>
    <td class="TeamName">
      XYZ
      </td>
    </tr>
   <tr>
    <td class="TeamName">
      ABC
      </td>
     
    </tr>
  <tr>
     <td class="TeamName">
      PQR
      </td>
    </tr>
  </table>

＆＃13;

在jquery中按“Team Name”特定列对表行进行排序

2 个答案: