<table border="1px" cellspacing="0" cellpadding="0" style="width:1000px; margin-top:10px;"><caption>測試</caption><thead style="height: 25px;"><th style="text-align:center;width:50px">序號</th><th style="width:120px">111</th><th style="width:100px">222</th><th style="width:120px">333</th></thead><tbody id="gridFileBody">{{#if data.length}}{{#each data}}<tr><td style="text-align:center;">{{id}}</td><td>{{aa}}</td><td>{{bb}}</td><td>{{cc}}</td></tr>{{/each}}{{/if}}</tbody> </table>

此時頁面顯示類似于：

?

會根據(jù)數(shù)據(jù)長度自動加載寬度；

此時你會發(fā)現(xiàn)設(shè)定的width并未其任何作用。

在table style中加入"table-layout:fixed"? 即：給table版面樣式設(shè)置條件未固定；

<table border="1px" cellspacing="0" cellpadding="0" style="table-layout: fixed;width:1000px; margin-top:10px;"><caption>測試</caption><thead style="height: 25px;"><th style="text-align:center;width:50px">序號</th><th style="width:120px">111</th><th style="width:100px">222</th><th style="width:120px">333</th></thead><tbody id="gridFileBody">{{#if data.length}}{{#each data}}<tr><td style="text-align:center;">{{id}}</td><td>{{aa}}</td><td>{{bb}}</td><td>{{cc}}</td></tr>{{/each}}{{/if}}</tbody> </table>

此時頁面顯示如下：

總結(jié)

以上是生活随笔為你收集整理的table 中th高度固定的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。