新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
使用Jquery Mobile创建表格的完整例子:
创新互联公司是一家集成都网站建设、网站设计、网站页面设计、网站优化SEO优化为一体的专业网站设计公司,已为成都等多地近百家企业提供网站建设服务。追求良好的浏览体验,以探求精品塑造与理念升华,设计最适合用户的网站页面。 合作只是第一步,服务才是根本,我们始终坚持讲诚信,负责任的原则,为您进行细心、贴心、认真的服务,与众多客户在蓬勃发展的市场环境中,互促共生。
思路:页面引入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
可以用javascript的文件相关的函数,我忘记具体怎么做了(曾经做过,不难。),只有大体思路。javascript(网页)操作本地文件是要有个许可的,一般在浏览器的安全选项卡里面要设置一下。用生成一个对象,这个对象关联到excel对象(要求客户端必须装excel)。然后写excel表格的单元格等等。到网上搜索一下javascript操作excel就会有的。
你把问题描述的更清楚一些。你的ajax返回的是什么类型的数据啊?是json吗?
json的话,直接for循环不就可以了么。
for(int i =0; i json.length;i++)
{
var tableHtml = 'theadth序号/th....../thead';
tableHtml.append('trtdjson[i].id/td/tr');
}