Bootstrap table 莫名其妙的不換行問題
下面這程式碼,做兩列的時候,會自動td文字多 會自動換行
如果多加幾列,td文字多了就不會換行,全是按照一行顯示 且把整個table寬度自動超出body的寬度、
出現了滾動條
解決辦法
<table class="table table-striped table-hover table-bordered" style="word-break:break-all; word-wrap:break-all;">
加了個style="word-break:break-all; word-wrap:break-all;" 這個就沒問題了
<table class="table table-striped table-hover table-bordered">
<tr>
<td class="Wtr50">原計劃/設計規定(原版本)</td>
<td class="Wtr50">變更後設計規定(新版本)</td>
</tr>
</thead>
<tbody>
<asp:Repeater ID="Repeater_DesignRequirementsTable" runat="server">
<ItemTemplate>
<tr>
<td><%# Eval("OriginalDesignRequirements").ToString() %></td>
<td><%# Eval("NewDesignRequirements").ToString() %></td>
</tr>
</ItemTemplate>
</asp:Repeater>
<%--<tr>
<td>TKQ600-CK42-00-00 塞門 V1.0</td>
<td>TKQ600-CK42-00-00 塞門 V1.0</td>
</tr>
<tr>
<td>TKQ600-CK42-00-00 塞門 V1.0</td>
<td>TKQ600-CK42-00-00 塞門 V1.0</td>
</tr>--%>
<tr>
<td><%--注:原版本作廢--%></td>
<td>新版本:同時修改系統產品配置單上的版本和生效時間</td>
</tr>
</tbody>
</table>