2017-01-09 123 views
0

我試圖整合爲如下HTML表格flexigrid,Flexigrid不適用於HTML表

<spring:url value="https://code.jquery.com/jquery-3.0.0.js" var="migrate" /> 
      <script src="${migrate}"></script> 
      <spring:url value="https://code.jquery.com/jquery-migrate-3.0.0.js" var="migrae1"/> 
      <script src="${migrae1}"></script> 
       <spring:url value="/resources/js/flexigrid.pack.js" var="flexijs" /> 
      <script src="${flexijs}"></script> 
    <spring:url value="/resources/css_flexi/flexigrid.css" var="flexicss" /> 
      <link href="${flexicss}" rel="stylesheet" /> 
      <spring:url value="/resources/css_flexi/flexigrid.pack.css" var="choosen" /> 
      <link href="${choosen}" rel="stylesheet" /> 

$(document).ready(function() { 
      $('.flexme').flexigrid(); 
}); 
<form id="Form1" style="margin-left:5%;padding-top: 10px;"> 

    <table id="roles" class="flexme"> 
      <thead> 
      <tr> 
       <th width="100">Col 1</th> 
       <th width="100">Col 2</th> 
       <th width="100">Col 3 is a long header name</th> 
       <th width="300">Col 4</th> 

      </tr> 
    </thead> 
    <tbody> 
      <tr> 
       <td>This is data 1</td> 
       <td>This is data 2</td> 
       <td>This is data 3</td> 

       <td>This is data 4</td> 
      </tr> 
      <tr> 

       <td>This is data 1</td> 
       <td>This is data 2</td> 
       <td>This is data 3</td> 
       <td>This is data 4</td> 
      </tr> 
     </tbody> 
          </table> 
          </form> 

但是它無法正常工作。我花了很長時間才發現錯誤。它不會幫助我。甚至在許多網站上檢查過。所以最後想到了在這裏發佈。任何人都可以建議我在哪裏出錯? 在此先感謝。

回答

0

我得到這個工作如下:

  1. 我包括在內,因爲它沒有得到在document.load當有錯誤執行的單擊事件這裏面flexigrid通話。

  2. 我找到了"msie of undefined error"。我曾嘗試使用「migrate」插件。仍然錯誤是一樣的。

  3. 所以我用:

    jQuery.browser = {}; (navigator.userAgent.match(/ MSIE([0-9] +)./)){jQuery.browser.msie = false; jQuery.browser.version = 0; if .browser.msie = true; jQuery.browser.version = RegExp。$ 1; } })();

現在它工作正常。但對於分頁和刷新部分,One必須依靠服務器端分頁。