2012-03-15 51 views
0

我有一個php網站。在這裏,我已經在一個div上市從數據庫表的詳細內容同, 我的結構從數據庫中對數據庫中的內容進行排序,無需刷新頁面

<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的頁面,但是在提交必要採取那種淡水河谷(名稱),這樣我可以從表中提取數據advace

感謝

+2

嵌套表傷害我的眼睛。 – 2012-03-15 09:09:18

回答

0

你是後需要JavaScript來做到這一點在前端......如果你不使用jQuery,那麼我建議TinyTable ...如果你使用的是jQuery,那麼我建議DataTables

但我認爲這些嵌套表中的任何一個是將成爲你最大的絆腳石!

相關問題