正文
jquery生成表格,jquery制作表格
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
怎样使用Jquery Mobile创建表格
使用Jquery Mobile创建表格的完整例子：
思路：页面引入jquery.mobile-1.4.5.min.js、jquery.min.js这两个最主要的js。
页面结构：在head和/head中写入如下代码：
meta name="viewport" content="width=device-width, initial-scale=1"
link rel="stylesheet" href="./libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"
script src="./libs/jquery/1.10.2/jquery.min.js"/script
script src="./libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"
/script
/head
以下是body部分：
body
div data-role="page" id="pageone"
div data-role="main" class="ui-content"
h4jquery mobile创建表格/h4
table data-role="table" data-mode="columntoggle" class="ui-responsive" id="myTable"!--data-role就是填写table--
thead
tr
th data-priority="6"CustomerID/th
thCustomerName/th
th data-priority="1"ContactName/th
th data-priority="2"Address/th
th data-priority="3"City/th
th data-priority="4"PostalCode/th
th data-priority="5"Country/th
/tr
/thead
tbody
tr
td1/td
tdAlfreds Futterkiste/td
tdMaria Anders/td
tdObere Str. 57/td
tdBerlin/td
td12209/td
tdGermany/td
/tr
tr
td2/td
tdAntonio Moreno Taquer/td
tdAntonio Moreno/td
tdMataderos 2312/td
tdMico D.F./td
td05023/td
tdMexico/td
/tr
tr
td3/td
tdAround the Horn/td
tdThomas Hardy/td
td120 Hanover Sq./td
tdLondon/td
tdWA1 1DP/td
tdUK/td
/tr
tr
td4/td
tdBerglunds snabbk/td
tdChristina Berglund/td
tdBerguvsven 8/td
tdLule/td
tdS-958 22/td
tdSweden/td
/tr
/tbody
/table
/div
div data-role="footer"
h1底部logo/h1
/div
/div
/body
/html
相关问答
Q1: 请教如何用JQuery导入导出excel表格
可以用javascript的文件相关的函数，我忘记具体怎么做了（曾经做过，不难。），只有大体思路。javascript(网页)操作本地文件是要有个许可的，一般在浏览器的安全选项卡里面要设置一下。用生成一个对象，这个对象关联到excel对象（要求客户端必须装excel）。然后写excel表格的单元格等等。到网上搜索一下javascript操作excel就会有的。
Q2: jquery和ajax查询时 动态生成表格并且添加数据
你把问题描述的更清楚一些。你的ajax返回的是什么类型的数据啊？是json吗？
json的话，直接for循环不就可以了么。
for(int i =0; i json.length;i++)
{
var tableHtml = 'theadth序号/th....../thead';
tableHtml.append('trtdjson[i].id/td/tr');
}
