Javascript 如何根据文本长度自动调整表格的宽度？

我有一个宽度为100%的表格，如何根据文本长度自动宽度设置TD和TR？我用了width:auto，但它不工作。这是我的密码：

.hoverTable{
宽度：100%；
边界塌陷：塌陷；
}
.气垫床{
填充：7px；
边框：4e95f4 1px实心；
}
/*定义所有表行的默认颜色*/
.气垫床{
背景：#b8d1f3；
}
/*定义表格行的悬停高亮显示颜色*/
.hoverTable tr：悬停{
背景色：#ffff99；
}
.气垫床{
背景：#b8d1f3；
}

这里有一些文字
这是文本长度示例和文本
项目1B
项目1C
项目2A
项目2B
项目2C
这里有一些文字
项目3A
项目3B
项目3C
项目4A
项目4B
项目4C
项目5A
项目5B
项目5C

使用以下方法：

.hoverTable {
    border-collapse: collapse;
}

所以只需删除

宽度：100%和它将工作。现在将动态呈现该表

Fiddle:
有点不清楚你想要实现什么。所以您想要一个宽度为其容器100%的表，但每个列宽都要根据其文本内容进行调整？在某一点上，一个或多个列需要填充间隙，以便表填充其父表的100%。表布局：固定与否关系不大，删除宽度：100%

的操作已经完成。固定布局甚至可能会弄乱布局，请阅读以下内容：