Css Datatables—将列中的所有项设置在一行中

我正在自定义我的数据表，以便在一行中显示列中的所有值。目前，我有3列，我正在显示数组和html中的2个值，以便在列中显示类似条形图的内容。我有一个问题，当我想让它们都排成一行时，在文本下显示html。我试图调整第一列的宽度，以便给其余的列更多的工作空间，但这对行没有任何影响

我还尝试将所有项目放在一个span标记中，以获得我尝试但无法获得的外观

以下是将宽度调整为第一列的代码片段：

columnDefs: [
            { "width": "15%", "targets": [0] }
        ],

这是我的数据表的一个链接

---

我预期的结果是将列索引1,2和3的所有3个值都放在一行中，而不是在另一行中。

默认样式为DATABATE，将中间的单元格拆分为文本，并将部分保留到进度条：

添加“nowrap”数据表类

删除/显示：块；/从。进度条

将进度条宽度更改为50%

添加一些边框以在进度条中实现可视参考（可选）

在td上添加显示：内联块

下面是解决方案的JSFIDLE：

 .progress-bar {
     position: relative;
     height: 25px;
     width: 50%;
     background-color: transparent;
     overflow: hidden;
     border:1px solid black;
 }

    td span {
        display: inline-block;
    }