使用Bootstrap动态地使TD适合内容

Question

这是我的剧情：

我有一个自助面板占据了页面的1/3（col-4-md），在里面我有一张桌子，每行只有TD（TR）。

自

1。）我希望第一个TD扩展到第一列中最长文本的最大宽度，

2。）我希望第二列添加文本溢出：省略号，如果包含的文本很长。

第二种方法是添加表格布局：固定但是我找不到第一种方法。

有什么建议吗？

以下是CodePen示例：

codepen.io/brankoleone/pen/EyaVwY

Answer 1

我玩了一点，找到了一个解决方案（在chrome上测试）：

1. 从table-layout: fixed;
中移除.table-crm {
2. 将max-width: 0;添加到td + td {
3. 将width: 1%;和white-space: nowrap;添加到td:first-child {

编辑：这是一个小伙伴： https://jsfiddle.net/5t08tota/