如何從表格中創建數據表格gridview div

我只是一個初學者，並開始Jquery.I想用下面的代碼創建一個gridview。我創建表一個div裏面，並呼籲jQuery的數據表腳本執行表的gridview的：如何從表格中創建數據表格gridview div

<div id="cont-lef"> 
    <table align="center" cellpadding="5px" border="1" id="myGridStyle"> 
     <tr> 
      <td><p>Sunday Mornings</td>   
      <td><p>Rs 2.5 lakhs + ST</td>   
     </tr> 
     <tr> 
      <td><p>Saturday &Sunday Afternoons</td>   
      <td><p>Rs 2.0 lakhs + ST</td>   
     </tr> 
     <tr> 
      <td><p>Weekdays </td> 
      <td><p>Rs 1.5 lakhs + ST</td>   
     </tr> 
     <tr> 
      <td><p>Tournament Management</td>   
      <td><p>Rs. 25,000 + ST</td>   
     </tr>   
     <tr> 
      <td><p>Caddy Fee</td>   
      <td><p>Rs. 300 per caddy</td>   
     </tr>      
    </table> 
    <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script> 
    <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script> 
    <script> 
     $(function(){ $("#myGridStyle").dataTable(); }) 
    </script> 
    <p> 
     <i>*Catering to be negotiated directly with caterer</i> 
    </p> 
</div>

現在，爲什麼不創造時候我已經確切地做了什麼，因爲它是該示例中的數據表的GridView。 DEMO

來源

2014-02-12 user3004356

你還沒有添加CSS文件... 這裏的演示DEMO

<link href="//datatables.net/download/build/nightly/jquery.dataTables.css" rel="stylesheet" type="text/css" />

還提到link

來源

2014-02-12 07:37:33 Shashank

如何從表格中創建數據表格gridview div

回答

相關問題