jQuery的tabletogrid示例 [英] jQuery's tabletogrid example

查看:105
本文介绍了jQuery的tabletogrid示例的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个HTML表格,我想用jQuery的JQGrid插件将表格更改为表格。



我该怎么做?



这是我的HTML:

 < HTML> 
< head>
< script type =text / javascriptsrc =jquery-1.4.2.min.js>< / script>
< script type =text / javascriptsrc =jquery.jqGrid.min.js>< / script>

< script type =text / javascript>
$(document).ready(function(){
tableToGrid(#distTable);
});
< / script>

< / head>
< body>
< table id =distTable>
< thead>
< tr>
< th>名称< / th>
平台< / th>
< th>大小< / th>
< / tr>
< / thead>
< tbody>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803d22222222222222222222222222222222222222gs< / td>
< td align =center> 21587231< / td>
< / tr>

< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>

< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 102803< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< tr>
< td align =center> 10280311111111111111111111111< / td>
< td align =center> 102803dgs< / td>
< td align =center> 215872321< / td>
< / tr>
< / tbody>
< / table>
< / body>
< / html>

何处以及如何添加jQuery脚本?

试试类似这样的东西.....

in HTML ..........

 < table id =distTableborder =2pxpadding =7px 7px 7px 7pxborder-style =solid> 

在您的代码中应该是...

  jQuery(document).ready(function(){

(#distTable)。tableToGrid();

});


I have a HTML table and I would like to change the table to grid using jQuery's JQGrid plugin.

How would i do that?

Here is my HTML:

    <HTML>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.jqGrid.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){      
tableToGrid("#distTable"); 
});
</script> 

</head>
<body>
<table id="distTable">
<thead>
<tr> 
        <th>Name</th>
        <th>Platform</th>
        <th>Size</th>       
</tr>
</thead>
<tbody>
                    <tr>
                        <td align="center">102803</td>
                        <td align="center">102803d22222222222222222222222222222222222222gs</td>
                        <td align="center">21587231</td>
                    </tr>

            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>

            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">102803</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
            <tr>
                <td align="center">10280311111111111111111111111</td>
                <td align="center">102803dgs</td>
                <td align="center">215872321</td>
            </tr>
</tbody>
</table>
</body>
</html>

Where and how I would be adding the jQuery script?

解决方案

Try some thing like this.....
in HTML..........

<table id="distTable" border="2px" padding="7px 7px 7px 7px" border-style=" solid" >  

and in your code should be...

jQuery(document).ready(function(){

         ("#distTable").tableToGrid();

      });

这篇关于jQuery的tabletogrid示例的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆