用js實現(xiàn)的一個根據(jù)內(nèi)容自動生成表格的函數(shù)
更新時間:2007年08月19日 12:39:01 作者:
晚上突然看到以前做asp時寫的一個根據(jù)數(shù)據(jù)庫數(shù)據(jù)自動生成表格的程序。
要求是:
1,對于空內(nèi)容,應(yīng)該寫為"<td> </td>",否則在ie會顯示的很變態(tài)(ie當(dāng)作該單元格不存在)。
2,當(dāng)輸出數(shù)據(jù)條數(shù)不等于表格的“長X寬”時,用"<td> </td>"自動填補最后一行空余的地方。
其實也很簡單,當(dāng)時做asp時用了一個較復(fù)雜的算法(下面代碼中MakeTable2),今天又想到一個更容易理解的算法(MakeTable1),今天用js實現(xiàn)了下,不過郁悶的是感覺效率上都一樣,這樣還是用第一個比較好(容易理解,代碼少)。
代碼如下:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
要求是:
1,對于空內(nèi)容,應(yīng)該寫為"<td> </td>",否則在ie會顯示的很變態(tài)(ie當(dāng)作該單元格不存在)。
2,當(dāng)輸出數(shù)據(jù)條數(shù)不等于表格的“長X寬”時,用"<td> </td>"自動填補最后一行空余的地方。
其實也很簡單,當(dāng)時做asp時用了一個較復(fù)雜的算法(下面代碼中MakeTable2),今天又想到一個更容易理解的算法(MakeTable1),今天用js實現(xiàn)了下,不過郁悶的是感覺效率上都一樣,這樣還是用第一個比較好(容易理解,代碼少)。
代碼如下:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js生成動態(tài)表格并為每個單元格添加單擊事件的方法
- JS實現(xiàn)動態(tài)生成html table表格的方法分析
- JS實現(xiàn)動態(tài)生成表格并提交表格數(shù)據(jù)向后端
- JS控制網(wǎng)頁動態(tài)生成任意行列數(shù)表格的方法
- js動態(tài)生成指定行數(shù)的表格
- 基于JavaScript代碼實現(xiàn)自動生成表格
- 用js+xml自動生成表格的東西
- 用按鈕觸發(fā)Javascript動態(tài)生成一個表格的代碼
- Nodejs獲取網(wǎng)絡(luò)數(shù)據(jù)并生成Excel表格
- JavaScript實現(xiàn)網(wǎng)頁動態(tài)生成表格
相關(guān)文章
JavaScript開發(fā)簡單易懂的Svelte實現(xiàn)原理詳解
這篇文章主要為大家介紹了JavaScript開發(fā)簡單易懂的Svelte實現(xiàn)原理的內(nèi)容詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步2021-11-11javascript的parseFloat()方法精度問題探討
javascript中的parseFloat()方法,大家應(yīng)該不陌生吧,下面為大家介紹下其精度問題,感興趣的朋友不要錯過2013-11-11js利用for in循環(huán)獲取 一個對象的所有屬性以及值的實例
下面小編就為大家?guī)硪黄猨s利用for in循環(huán)獲取 一個對象的所有屬性以及值的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03深入剖析JavaScript中的函數(shù)currying柯里化
下面小編就為大家?guī)硪黄钊肫饰鯦avaScript中的函數(shù)currying柯里化。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考,一起跟隨小編過來看看吧2016-04-04Javascript中定義方法的另類寫法(批量定義js對象的方法)
用了很多的Javascript框架,偶爾也會去看一下框架的源碼,經(jīng)常會看到這樣的代碼。2011-02-02bootstrap插件treeview實現(xiàn)全選父節(jié)點下所有子節(jié)點和反選功能
這篇文章主要為大家詳細介紹了bootstrap插件treeview實現(xiàn)全選父節(jié)點下所有子節(jié)點、反選功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07