Question

我尝试创建一个表，其中第1,3和4列与内容需要在一行中显示一样大。当浏览器窗口重新启动时，第2列变得越来越小。第2列中的内容也应保持单行和溢出。但我没有正确地满足内容。它出现在下一栏中。

我的浏览器尺寸非常小时的屏幕截图： Very small table where all texts in column 2 overflows into next column

截图如何溢出： Edited picture how it should look

我使用Visual Studio 2013，ASP.net Web窗体和Bootstrap v3.3.6。我没有覆盖bootstrap.css的自定义CSS文件。

这是我的代码：

<asp:GridView ID="GridView_OpenTickets" CssClass="table table-hover table-condensed table-striped" HeaderStyle-ForeColor="White" HeaderStyle-BackColor="#00136F" runat="server" AutoGenerateColumns="False" ShowHeaderWhenEmpty="True" DataSourceID="SqlDataSource_OpenTickets">
      <Columns>
          <asp:BoundField DataField="Number" HeaderText="Number" SortExpression="Number" ItemStyle-Wrap="False" HeaderStyle-Wrap="false" HeaderStyle-Width="10px"/>
          <asp:TemplateField HeaderText="Title" SortExpression="Title" ItemStyle-Wrap="false" HeaderStyle-Wrap="false">
              <ItemTemplate>
                  <div style="overflow-x:auto hidden;text-overflow:ellipsis;width:10px">
                  <asp:Label ID="Label_Title" runat="server" Text='<%# Bind("Title") %>' ToolTip='<%# Bind("Title") %>'></asp:Label>
                  </div>
              </ItemTemplate>
          </asp:TemplateField>
          <asp:BoundField DataField="Assignment" HeaderText="Assignment" SortExpression="Assignment" ItemStyle-Wrap="False" HeaderStyle-Wrap="false" HeaderStyle-Width="10px"/>
          <asp:BoundField DataField="Affected Item" HeaderText="Affected Item" SortExpression="Affected Item" ItemStyle-Wrap="False" HeaderStyle-Wrap="false" HeaderStyle-Width="10px"/>
      </Columns>
      <EmptyDataTemplate>
          <div>Yay, no unassigned tickets.</div>
      </EmptyDataTemplate>
  </asp:GridView>
  <asp:SqlDataSource ID="SqlDataSource_OpenTickets" runat="server" ConnectionString="<%$ ConnectionStrings:ServiceManager_prodConnectionString %>" SelectCommand="Select Dummy">   <%--Select Statement from CodeBehind--%>        
  </asp:SqlDataSource>

感谢您的帮助！

的Lukas

响应列内容不会溢出

0 个答案: