페이지를 새로 고치지 않고 페이지의 내용을 정렬하십시오.

Question

나는 PHP 웹 사이트가 있습니다. 여기에 내가 사업부에서와 데이터베이스 테이블에서 더 많은 내용을 열거 한 내 구조는 내가 내 디자인을 변경하지 않으

<table width="100%" border="0" cellspacing="0"> 
    <tr bgcolor="#fbf2d8" > 
    <td width="9%" height="31" class="flight_heading"><a href="#">Nmae</a></td> 
    <td width="27%" class="flight_heading"><a href="#">Stop</a></td> 
    <td width="11%" class="flight_heading"><a href="#">Depart</a></td> 
    <td width="10%" class="flight_heading"><a href="#">Arrive</a></td> 
    <td width="20%" class="flight_heading"><a href="#">Duration</a></td> 
    <td width="13%" class="flight_heading"><a href="#">Price</a></td> 
    <td width="10%" >&nbsp;</td> 
    </tr> 
    <tr style="border:0px;"> 
    <td height="148" colspan="7"> 

    <div id="airline"><!-- starts here --> 
    <table width="100%" height="136" border="0" cellpadding="5" cellspacing="5" style="font-size:12px; color:#333333;"> 
     <tr > 
     <td width="8%" height="35"><div align="center">Name</div></td> 
     <td width="29%" ><div align="left">BLR → HYD (0)</div></td> 
     <td width="11%" ><div align="left">08 : 55</div></td> 
     <td width="10%" ><div align="left">12 : 55</div></td> 
     <td width="18%" ><div align="left">1h 25m</div></td> 
     <td width="14%" ><h2 align="center">Rs. 3,805</h2></td> 
     <td width="10%"><div id="book_now1"><a href="#">Book</a><a href="#" class="detail">Details</a> 
     </div>  </td> 
     </tr> 
     <tr > 
     <td height="81" colspan="7" align="center"> 
     <div id="airline_detail"> 
     <table width="100%" height="69" border="0" cellspacing="5"> 
    <tr> 
    <td height="18" colspan="4">GOING THERE: Tuesday, 06 March, 2012</td> 
    </tr> 
    <tr> 
    <td width="7%" height="36"><div align="center">Name</div></td> 
    <td width="19%">Kingfisher Red<br /> 
     IT 2817</td> 
    <td width="50%"><p><strong>Dep:</strong> 08:55 Bengaluru International, Bangalore (BLR)<br /> 
     <strong>Arr:</strong> 10:20 Rajiv Gandhi International, Hyderabad (HYD) </p>  </td> 
    <td width="24%"> 1h 25m ECONOMY  Non Refundable</td> 
    </tr> 
</table> 
     </div>  </td> 
     </tr> 
    </table> 
    </div><!-- ends here --> 
    </td> 
    </tr> 
    </table> 

입니다. 하지만 사용자가 이름을 클릭하거나 가격을 정지하거나 가격을 책정 할 때 필드를 정렬하고 싶습니다.

페이지를 새로 고침하지 않고 디자인을 변경하지 않으려면 어떻게해야합니까?

나는 테이블 내용으로 정렬하는 것을 알고 있지만이 경우에는 적용 할 수 없습니다.

나는 Ajax를 사용하여 페이지를 제출 시도를하지만 제출 나는 테이블에서 당신은

Answer 1

advace에서

감사 데이터를 가져올 수 있도록 정렬 베일 (이름)을 취할 필요 후 프론트 엔드에서 이것을하기 위해 자바 스크립트가 필요합니다 ... 만약 당신이 jQuery를 사용하지 않는다면 다음을 제안합니다. TinyTable ... jQuery를 사용한다면 다음을 제안합니다. DataTables

하지만이 중첩 된 테이블 중 하나가 당신의 가장 큰 걸림돌이 될 것입니다!

Answer 2

JQuery 플러그인을 사용하여 테이블을 정렬 할 수 있습니다. 그들 중 다수가있다, 예 this one (SortTable)

이 this page, which shows 16 techniques