使用Jquery Mobile創(chuàng)建表格的完整例子:
創(chuàng)新互聯(lián)公司是一家集成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、網(wǎng)站頁面設(shè)計、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專業(yè)網(wǎng)站設(shè)計公司,已為成都等多地近百家企業(yè)提供網(wǎng)站建設(shè)服務(wù)。追求良好的瀏覽體驗,以探求精品塑造與理念升華,設(shè)計最適合用戶的網(wǎng)站頁面。 合作只是第一步,服務(wù)才是根本,我們始終堅持講誠信,負(fù)責(zé)任的原則,為您進行細(xì)心、貼心、認(rèn)真的服務(wù),與眾多客戶在蓬勃發(fā)展的市場環(huán)境中,互促共生。
思路:頁面引入jquery.mobile-1.4.5.min.js、jquery.min.js這兩個最主要的js。
頁面結(jié)構(gòu):在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創(chuàng)建表格/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的文件相關(guān)的函數(shù),我忘記具體怎么做了(曾經(jīng)做過,不難。),只有大體思路。javascript(網(wǎng)頁)操作本地文件是要有個許可的,一般在瀏覽器的安全選項卡里面要設(shè)置一下。用生成一個對象,這個對象關(guān)聯(lián)到excel對象(要求客戶端必須裝excel)。然后寫excel表格的單元格等等。到網(wǎng)上搜索一下javascript操作excel就會有的。
你把問題描述的更清楚一些。你的ajax返回的是什么類型的數(shù)據(jù)?。渴莏son嗎?
json的話,直接for循環(huán)不就可以了么。
for(int?i?=0;?i?json.length;i++)
{
var?tableHtml?=?'theadth序號/th....../thead';
tableHtml.append('trtdjson[i].id/td/tr');
}
本文標(biāo)題:jquery生成表格,jquery制作表格
分享地址:http://jinyejixie.com/article40/dsdggeo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、網(wǎng)站建設(shè)、網(wǎng)站維護、域名注冊、移動網(wǎng)站建設(shè)、Google
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)