如何正確安裝DateTables插件？

Question

我在網上發現了DataTables插件，並且我一直試圖在過去的4個小時內安裝它，不幸的是我無法這樣做。

meta標籤我添加

<style type="text/css" title="currentStyle"> 
     @import "css/dataTable/demo_page.css"; 
     @import "css/dataTable/demo_table_jui.css"; 
     @import "css/dataTable/jquery-ui-1.8.4.custom.css"; 
    </style> 

<script type="text/javascript" src="/cms_testing/js/jquery.dataTables.js"></script> 

是上述 這裏是我迄今

<script> 
    $(function(){ 


    $('#internalActivities').dataTable(); 
    }); 
    </script> 

文件做確實存在，我已經做了仔細檢查。

這裏是我的HTML表格

<table id="internalActivities"> 
     <thead> 
      <tr><th colspan="3">Internal Activities</th></tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td style="text-align: left;"><a href="display-call.php?account_id=9&amp;call_id=1128"><strong>Initial Development</strong></a></td> 
       <td style="text-align: center;">05/23/2013 06:19 AM</td> 
       <td style="text-align: center;">name</td> 
      </tr> 
      <tr> 
       <td colspan="3"><em>Call Result: Message Delivered - Follow up in 21 days</em> 
       <br /><p class="sub_note">Moving to bottom of list</p> 
       </td> 
      </tr> 
      <tr> 
       <td style="text-align: left;"><a href="display-call.php?account_id=9&amp;call_id=1052"><strong>Stage 2 Development</strong></a></td> 
       <td style="text-align: center;">04/19/2013 11:05 AM</td> 
       <td style="text-align: center;">name</td> 
      </tr> 
      <tr> 
       <td colspan="3"><em>Call Result: Partial Discussion</em> 
       <br /><p class="sub_note">awef</p> 
       </td> 
      </tr> 
     </tbody> 
    </table> 

我沒有得到任何錯誤，但它不顯示的表，因爲它應該。

Answer 1

它是因爲在某些td中使用了collspan。你不應該合併兩列。查看我的HTML編碼。它的工作，如果你這樣做。

<div> 
     <table id="internalActivities" cellpadding="0" cellspacing="0" border="1" class="display" width="100%"> 
      <thead> 
       <tr> 
        <th> 
         Internal Activities 
        </th> 
        <th> 
        </th> 
        <th> 
        </th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr> 
        <td style="text-align: left;"> 
         <a href="display-call.php?account_id=9&amp;call_id=1128"><strong>Initial Development </strong></a> 
        </td> 
        <td style="text-align: center;"> 
         05/23/2013 06:19 AM 
        </td> 
        <td style="text-align: center;"> 
         name 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <em>Call Result: Message Delivered - Follow up in 21 days </em> 
         <br /> 
         <p class="sub_note"> 
          Moving to bottom of list 
         </p> 
        </td> 
        <td> 
        </td> 
        <td> 
        </td> 
       </tr> 
       <tr> 
        <td style="text-align: left;"> 
         <a href="display-call.php?account_id=9&amp;call_id=1052"><strong>Stage 2 Development </strong></a> 
        </td> 
        <td style="text-align: center;"> 
         04/19/2013 11:05 AM 
        </td> 
        <td style="text-align: center;"> 
         name 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <em>Call Result: Partial Discussion </em> 
         <br /> 
         <p class="sub_note"> 
          awef 
         </p> 
        </td> 
        <td> 
        </td> 
        <td> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div>