Flexigrid未应用于html表

时间:2017-01-09 16:11:48

标签: jquery 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>

然而它不起作用。我花了很长时间才发现错误。它不能帮助我。甚至在很多网站上都检查过。所以最后还是想在这里发帖。任何人都可以建议我哪里出错了? 提前谢谢。

1 个答案:

答案 0 :(得分:0)

我的工作原理如下:

  1. 我在click事件中包含了这个flexigrid调用,因为当出现错误时它没有在document.load中执行。

  2. 我找到了"msie of undefined error"。我尝试过使用&#34; migrate&#34;插入。仍然是错误相同。

  3. 所以我用过:

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

  4. 现在它正常运作。但是对于分页和刷新部分,One必须依赖服务器端分页。