jquery - 我如何整理 table ？

我有下表：

https://jsfiddle.net/DTcHh/15580/

效果很好，但是当我在第4列中输入较长的说明时，按钮就会混乱（它们堆叠在一起）。

我尝试将width和max-width设置为百分比：

<td style="max-width=10%">Winter</td>
<td style="max-width=10%">2014-12-01</td>
<td style="max-width=10%">2015-02-01</td>
<td style="max-width=40%">some text</td>
<td style="max-width=30%"><button class="btn btn-primary"><span class="glyphicon glyphicon-edit"></span> Update</button><a href="#" class="btn btn-info"><span class="glyphicon glyphicon-trash"></span>Delete</a></td>

但这没有效果。我只希望描述中的文本在其边界内换行（我尝试过自动换行也没有成功），然后下降而不是散开并弄乱按钮。

有没有人有什么建议？

EDIT1我应该强调，这需要保持一定程度的可扩展性。

最佳答案

您可以像这样使用CSS。要以固定的15%宽度控制您的th，最后一个宽度为40%宽度。或者，您可以仅指定表中每一列的所需百分比。

table {
  table-layout:fixed;
}
th {
  width:15%;
}
th:last-of-type {
  width:40%;
}

关于jquery - 我如何整理 table ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34462054/