Question

我有一个包含大量列的表，其中大多数都会保留足够短的数据，我不担心溢出。但是，有一列可能有句子长度数据。我不想让它在多行上溢出，所以我已经将它添加到我的css中（该表位于.gridTable类中）：

.gridTable td:nth-last-child(2) {
     max-width: 100px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}

这是完美的。但是，现在，只要表格不会宽于页面宽度，我就希望允许该列扩展。我在这里定义了一般的表格样式：

.gridTable{
     border-top: 1px solid #dddddd;
     border-collapse: collapse;
     border-spacing: 0; 
     float:left;
     table-layout: fixed;
     max-width: 100%;           
}

因此，正如您所看到的，该表应该能够扩展以填充页面的宽度。还有另外一列具有不同的长度 - 最大可达约200px。我不希望这个专栏必须溢出到另一行。有没有办法可以指定我的倒数第二列，以获得页面剩余宽度的最大宽度，而不是像100px这样的固定数字？

编辑：

这是html代码：

<div class="gridTable">
  <asp:GridView runat="server" ID="GridView1" >
</asp:GridView></div>

我实际上在后面的代码中定义了表：

 GridView1.DataSource = dt;
 GridView1.DataBind();

这就是我认为相关的所有代码，但如果有人认为我遗漏了什么，请告诉我！

表格列展开以填充页面而不包装

0 个答案: