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