如何从表格中创建数据表格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

回答

相关问题