如何在微信小程序中實(shí)現(xiàn)表格？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)公司主營(yíng)寶山網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,手機(jī)APP定制開(kāi)發(fā),寶山h5重慶小程序開(kāi)發(fā)搭建,寶山網(wǎng)站營(yíng)銷推廣歡迎寶山等地區(qū)企業(yè)咨詢

wxml

 
  SPB
  DPB
  日期
 
 
  
   {{item.code}}
   {{item.text}}
   {{item.date}}
  
  
   {{item.code}}
   {{item.text}}
   {{item.date}}
  
 

wxss

.table {
 border: 0px solid darkgray;
 font-size: 12px;
}
.tr {
 display: flex;
 width: 100%;
 justify-content: center;
 height: 2rem;
 align-items: center;
}
.td {
  width:40%;
  justify-content: center;
  text-align: center;
}
.bg-w{
 background: snow;
}
 
.th {
 width: 40%;
 justify-content: center;
 background: #3366FF;
 color: #fff;
 display: flex;
 height: 2rem;
 align-items: center;
}

js

Page({
 data: {
  listData: [
   { "code": "120", "text": "70", "date": "2018年4月19日" },
   { "code": "125", "text": "74", "date": "2018年4月17日" },
  
   { "code": "119", "text": "76", "date": "2018年4月16日" },
   { "code": "117", "text": "78", "date": "2018年4月15日" }
  ]
 },
 onLoad: function () {
  console.log('onLoad')
 }
 
})

關(guān)于如何在微信小程序中實(shí)現(xiàn)表格問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。