用js實(shí)現(xiàn)的一個(gè)根據(jù)內(nèi)容自動生成表格的函數(shù)
更新時(shí)間：2007年08月19日 12:39:01 作者：
晚上突然看到以前做asp時(shí)寫的一個(gè)根據(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寬”時(shí)，用"<td> </td>"自動填補(bǔ)最后一行空余的地方。
其實(shí)也很簡單，當(dāng)時(shí)做asp時(shí)用了一個(gè)較復(fù)雜的算法（下面代碼中MakeTable2），今天又想到一個(gè)更容易理解的算法（MakeTable1）,今天用js實(shí)現(xiàn)了下，不過郁悶的是感覺效率上都一樣，這樣還是用第一個(gè)比較好（容易理解，代碼少）。
代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
要求是：
1，對于空內(nèi)容，應(yīng)該寫為"<td> </td>",否則在ie會顯示的很變態(tài)（ie當(dāng)作該單元格不存在）。
2，當(dāng)輸出數(shù)據(jù)條數(shù)不等于表格的“長X寬”時(shí)，用"<td> </td>"自動填補(bǔ)最后一行空余的地方。
其實(shí)也很簡單，當(dāng)時(shí)做asp時(shí)用了一個(gè)較復(fù)雜的算法（下面代碼中MakeTable2），今天又想到一個(gè)更容易理解的算法（MakeTable1）,今天用js實(shí)現(xiàn)了下，不過郁悶的是感覺效率上都一樣，這樣還是用第一個(gè)比較好（容易理解，代碼少）。
代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js生成動態(tài)表格并為每個(gè)單元格添加單擊事件的方法
- JS實(shí)現(xiàn)動態(tài)生成html table表格的方法分析
- JS實(shí)現(xiàn)動態(tài)生成表格并提交表格數(shù)據(jù)向后端
- JS控制網(wǎng)頁動態(tài)生成任意行列數(shù)表格的方法
- js動態(tài)生成指定行數(shù)的表格
- 基于JavaScript代碼實(shí)現(xiàn)自動生成表格
- 用js+xml自動生成表格的東西
- 用按鈕觸發(fā)Javascript動態(tài)生成一個(gè)表格的代碼
- Nodejs獲取網(wǎng)絡(luò)數(shù)據(jù)并生成Excel表格
- JavaScript實(shí)現(xiàn)網(wǎng)頁動態(tài)生成表格
相關(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ā)生卡頓卡死問題時(shí)的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)掃雷源代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript評論點(diǎn)贊功能的實(shí)現(xiàn)方法
通過分析評論功能的邏輯關(guān)系，學(xué)會如何使用JavaScript實(shí)現(xiàn)評論、回復(fù)、點(diǎn)贊等各種功能。這篇文章主要介紹了JavaScript評論點(diǎn)贊功能的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-03-03
代碼精簡的可以實(shí)現(xiàn)元素圓角的js函數(shù)
代碼精簡的可以實(shí)現(xiàn)元素圓角的js函數(shù)...2007-07-07
這篇文章主要為大家介紹了GoJs中使用HTML方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
BootstrapTable與KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查功能【一】
KnockoutJS是一個(gè)JavaScript實(shí)現(xiàn)的MVVM框架。通過本文給大家介紹BootstrapTable與KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查功能【一】，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
parseInt parseFloat js字符串轉(zhuǎn)換數(shù)字
轉(zhuǎn)換函數(shù)、強(qiáng)制類型轉(zhuǎn)換、利用js變量弱類型轉(zhuǎn)換。2010-08-08
這篇文章主要介紹了Javascript Web Worker使用過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03
xml文檔轉(zhuǎn)換程序的一個(gè)小應(yīng)用，幾行代碼生成餅圖。源代碼打包提供。2010-11-11