Bootstrap table 莫名其妙的不换行问题
2017-07-07 10:07
1991 查看
下面这代码,做两列的时候,会自动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">
<thead>
<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>
如果多加几列,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">
<thead>
<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>
相关文章推荐
- table的宽度,单元格内换行问题
- table的宽度,单元格内换行问题
- 开发日志:struts标签[<s:selec>/<s:submit>/<s:form>......] 在table的时候位置错误 [会自动换行/自动生成tr、td的问题]
- table中的换行问题
- table的宽度,单元格内换行问题(转)
- table的宽度,单元格内换行问题
- bootstrap table处理含有子集json的数据以及fastjson禁止循环引用的问题
- asp.net中label、table、gridview不自动换行的问题
- Table 自动换行问题
- 解决bootstrap row span设置border换行的问题
- Re:TABLE自动换行问题
- 关于table中div内容为纯数字和字母换行问题
- table中td内容换行问题
- table的宽度,单元格内换行问题 (转)
- Table的宽度,单元格内换行问题
- table的宽度,单元格内换行问题
- (工作笔记)table中td内容换行问题
- table的宽度,单元格内换行问题[转]
- JSP中table中数据自动换行的问题
- 解决bootstrap row span设置border换行的问题