快捷導(dǎo)航

用js實(shí)現(xiàn)的一個(gè)根據(jù)內(nèi)容自動(dòng)生成表格的函數(shù)

更新時(shí)間：2007年08月19日 12:39:01 作者：

晚上突然看到以前做asp時(shí)寫(xiě)的一個(gè)根據(jù)數(shù)據(jù)庫(kù)數(shù)據(jù)自動(dòng)生成表格的程序。
要求是：
1，對(duì)于空內(nèi)容，應(yīng)該寫(xiě)為"<td> </td>",否則在ie會(huì)顯示的很變態(tài)（ie當(dāng)作該單元格不存在）。
2，當(dāng)輸出數(shù)據(jù)條數(shù)不等于表格的“長(zhǎng)X寬”時(shí)，用"<td> </td>"自動(dòng)填補(bǔ)最后一行空余的地方。

其實(shí)也很簡(jiǎn)單，當(dāng)時(shí)做asp時(shí)用了一個(gè)較復(fù)雜的算法（下面代碼中MakeTable2），今天又想到一個(gè)更容易理解的算法（MakeTable1）,今天用js實(shí)現(xiàn)了下，不過(guò)郁悶的是感覺(jué)效率上都一樣，這樣還是用第一個(gè)比較好（容易理解，代碼少）。
代碼如下：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

用js實(shí)現(xiàn)的一個(gè)根據(jù)內(nèi)容自動(dòng)生成表格的函數(shù)

相關(guān)文章

JS使用setInterval計(jì)時(shí)器實(shí)現(xiàn)挑戰(zhàn)10秒
這篇文章主要為大家詳細(xì)介紹了JS使用setInterval計(jì)時(shí)器實(shí)現(xiàn)挑戰(zhàn)10秒，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
vue渲染大量數(shù)據(jù)時(shí)卡頓卡死解決方法
這篇文章主要介紹了vue渲染大量數(shù)據(jù)時(shí)發(fā)生卡頓卡死問(wèn)題時(shí)的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
js實(shí)現(xiàn)掃雷源代碼
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)掃雷源代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
JavaScript評(píng)論點(diǎn)贊功能的實(shí)現(xiàn)方法
通過(guò)分析評(píng)論功能的邏輯關(guān)系，學(xué)會(huì)如何使用JavaScript實(shí)現(xiàn)評(píng)論、回復(fù)、點(diǎn)贊等各種功能。這篇文章主要介紹了JavaScript評(píng)論點(diǎn)贊功能的實(shí)現(xiàn)方法,需要的朋友可以參考下
2017-03-03
代碼精簡(jiǎn)的可以實(shí)現(xiàn)元素圓角的js函數(shù)
代碼精簡(jiǎn)的可以實(shí)現(xiàn)元素圓角的js函數(shù)...
2007-07-07
GoJs中使用HTML方法示例
這篇文章主要為大家介紹了GoJs中使用HTML方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
BootstrapTable與KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查功能【一】
KnockoutJS是一個(gè)JavaScript實(shí)現(xiàn)的MVVM框架。通過(guò)本文給大家介紹BootstrapTable與KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查功能【一】，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05
parseInt parseFloat js字符串轉(zhuǎn)換數(shù)字
轉(zhuǎn)換函數(shù)、強(qiáng)制類(lèi)型轉(zhuǎn)換、利用js變量弱類(lèi)型轉(zhuǎn)換。
2010-08-08
Javascript Web Worker使用過(guò)程解析
這篇文章主要介紹了Javascript Web Worker使用過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-03-03
xml文檔轉(zhuǎn)換工具，附圖表例子(hta)
xml文檔轉(zhuǎn)換程序的一個(gè)小應(yīng)用，幾行代碼生成餅圖。源代碼打包提供。
2010-11-11