HTML 테이블 정렬

Question

<p>그래서 기본적으로 저는 데이터베이스에서 데이터를 가져와 사용자가 읽기 쉬운 레이아웃으로 표시하는 mysql 쿼리를 실행하고 있습니다. </p> <pre class="brush:php;toolbar:false;">이름----주소----판매원</pre> <p>요점을 이해하셨습니다. 이제 사용자가 영업사원별로 html 테이블을 정렬하기를 원합니다. 드롭다운 메뉴를 사용하여 이 작업을 쉽게 수행할 수 있는 방법은 무엇입니까? </p> <p><br /></p> <pre class="snippet-code-html lang-html Prettyprint-override"><code><div class='menu'>

<li><a href='#'><span>판매원</span></a>
<li><a href='#'><span>멜리사</span></a></li> <li><a href='#'><span>저스틴</span></a></li> <li><a href='#'><span>주디</span></a></li> <li><a href='#'><span>선장</span></a></li> <li><a href='#'><span>알렉스</span></a></li> </ul> </li> </ul> </div></code></pre> <p><br /></p>

Answer 1

이곳은 또 다른 도서관입니다.

변경해야 할 사항은 다음과 같습니다. -

1. 정렬 js 추가
   

2. 테이블에 수업 이름sortable을 추가하세요.

표 제목 을 클릭하여 그에 따라 표를 정렬하세요.

으아악

Answer 2

아래에 언급된 JQuery 플러그인 중 하나를 사용할 수 있는지 확인하세요. 정말 환상적이며 광범위한 작업 옵션을 제공하고 통합하는 데 드는 노력이 적습니다. :)

https://github.com/paulopmx/Flexigrid - Flexgrid
http://datatables.net/index - 데이터 테이블.
https://github.com/tonytomov/jqGrid

그렇지 않은 경우 정렬을 호출하기 위해 서버 측 스크립트를 호출하는 헤더에 대한 링크가 있어야 합니다.