wxml代碼：
<
view
class
=
"container"
>
<
view
class
=
"table"
>
<
view
class
=
"tr"
>
<
view
class
=
"th"
>標題1</
view
>
<
view
class
=
"th"
>標題2</
view
>
<
view
class
=
"th"
>標題3</
view
>
<
view
class
=
"th"
>標題4</
view
>
<
view
class
=
"th"
>標題5</
view
>
</
view
>
<
view
class
=
"tr"
wx:for
=
"{{5}}"
>
<
view
class
=
"td"
>{{內容}}</
view
>
<
view
class
=
"td"
>{{內容}}</
view
>
<
view
class
=
"td"
>{{內容}}</
view
>
<
view
class
=
"td"
>{{內容}}</
view
>
<
view
class
=
"td"
>{{內容}}</
view
>
</
view
>
</
view
>
</
view
>
wxss代碼：
/* pages/table/table.wxss */
page {
font-size: 14px;
color: #333
}
.table {
border:1px solid #dadada;
border-right: 0;
border-bottom: 0;
width: 98%;
}
.tr {
width: 100%;
display: flex;
justify-content: space-between;
}
.th,.td {
padding: 10px;
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
text-align: center;
width:100%
}
.th {
font-weight: 400;
background-color: #dadada
}