如何制作微信小程序 如何使用微信小程序設(shè)計和設(shè)置表格并展示數(shù)據(jù)?
如何使用微信小程序設(shè)計和設(shè)置表格并展示數(shù)據(jù)?1. 雙擊打開微信小程序開發(fā)工具,新建相應(yīng)界面,插入多個視圖元素,添加類屬性,如下圖所示:2。不要給出這些視圖樣式,然后保存代碼并預(yù)覽效果。結(jié)果從上到下排列
如何使用微信小程序設(shè)計和設(shè)置表格并展示數(shù)據(jù)?
1. 雙擊打開微信小程序開發(fā)工具,新建相應(yīng)界面,插入多個視圖元素,添加類屬性,如下圖所示:
2。不要給出這些視圖樣式,然后保存代碼并預(yù)覽效果。結(jié)果從上到下排列,如下圖所示:
3。在相應(yīng)的wxss文件中設(shè)置表頭和表體的樣式,如下圖所示:
4。再次保存代碼并在模擬器中預(yù)覽效果。發(fā)現(xiàn)形成了一個表格,如下圖所示:
5。在th TD中添加border bottom屬性并設(shè)置bottom border屬性,如下圖所示:
6。最后一行的下邊框有點粗,因為table和TD設(shè)置了邊框并使其變粗,如下圖所示: