文章詳情頁(yè)
javascript - 前端怎么展示這種類型的數(shù)據(jù)？
瀏覽：316日期：2024-03-28 17:40:48
問(wèn)題描述
我的畢業(yè)設(shè)計(jì)是做一個(gè)教務(wù)管理系統(tǒng)網(wǎng)站，但是卡在了課表展示這里了。
這是我的數(shù)據(jù)庫(kù)字段設(shè)計(jì)，我主要是不知道前端怎么展示出來(lái)。比如編譯技術(shù)這門(mén)課是周二第3到5節(jié)上課，然后在這個(gè)表格里面第3到5節(jié)里面就會(huì)顯示編譯技術(shù)這門(mén)課，但是一般表格是tr顯示一行，我就不知道怎么把這個(gè)顯示到縱向三行（3到5節(jié)）了。。
問(wèn)題解答
回答1：time里面每一節(jié)課程的 end - start計(jì)算出具體 rowspan的值設(shè)置在table對(duì)應(yīng)的課程就好了
rowspan的作用就是設(shè)置一個(gè)元素占的行數(shù)
回答2：找個(gè)插件合并列的相同連續(xù)行
回答3：注意學(xué)習(xí)table標(biāo)簽，td有colspan和rowspan屬性，可以實(shí)現(xiàn)你說(shuō)的效果
標(biāo)簽：
JavaScript
相關(guān)文章：
1. javascript - sublime快鍵鍵問(wèn)題2. javascript - immutable配合react提升性能？3. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了，但是服務(wù)器還是不能訪問(wèn)？4. css - 寫(xiě)頁(yè)面遇到個(gè)布局問(wèn)題，求大佬們幫解答，在線等，急！~5. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎？6. phpstudy8.1支持win11系統(tǒng)嗎？7. 實(shí)現(xiàn)bing搜索工具urlAPI提交8. 配置Apache時(shí)，添加對(duì)PHP的支持時(shí)語(yǔ)法錯(cuò)誤9. javascript - nodejs關(guān)于進(jìn)程間發(fā)送句柄的一點(diǎn)疑問(wèn)10. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽(tīng)數(shù)據(jù)變化
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備