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