生成的HTML表，我已经成功地间接地改变了几个...除了这个特定的一个

Question

我的网站有这些交互式表，它们是惰性的，直到他们在测试学生时由教师激活。后端由供应商控制，我是低调的Web开发人员，他们清理了前端的乱七八糟的事情，所以事情看起来很可观。我设法通过CSS和JS间接地改变了几个表格，但是我无法直接将HTML应用到表格中，因为它是在页面加载时生成的。这个特别的表是令人困惑的，它不会缩小到720px。我试过adddClass,nth-child,0.，固定大小等等。我最后一次尝试是编写一个函数，将属性设置为td。它的工作，它会显示在开发人员工具，但实际的表并没有收缩。我已经24小时以上了，所以我可能会感到疲倦，不知道简单的错误。无论如何，这里是我的demo。非常感谢你的帮助，非常感谢。

Answer 1

我刚刚发现这个：Why is my table cell width wrong in Chrome? 表格有一个名为table-layout的属性，默认设置为auto。它使表格变得灵活，并使其能够动态分配列宽。以这种方式设置我的流氓表：

table-layout: fixed; width: 100% 

使其行为并兑现我分配给它的宽度。这里有table-layout

Demo

编辑更多的细节：我忘了提，这只是发生在Chrome，但在Firefox和一定程度上的IE（这是一个有点过，但是这是你会什么期待从一件半成品），都没问题。