JQuery - 动态创建的元素 css 不起作用

【问题标题】：JQuery - Dynamically created element css not workingJQuery - 动态创建的元素 css 不起作用
【发布时间】：2015-03-27 00:47:24
【问题描述】：

我已经使用 JQuery 动态创建了一个表。但我无法为创建的表列应用 css。这里是codepen中的示例链接codepen。

我想为第一列设置width:100px。请帮助我。在此先感谢...

【问题讨论】：

【解决方案1】：

实际上，您可以修改定义列宽的方式，例如：

td.time-cell{
  width: 100px;
  min-width: 100px;
}
td.drop{
  width: 100%;
}

这样可以保证第一列只有100px，另一列会展开。

【讨论】：

【解决方案2】：

删除#patientApptTable width:100%；

#patientApptTable {
  border-spacing: 0;
  width:100%; // remove this line
  border-collapse:collapse;
}

另外，插入<div> into <tr>也是无效的。

【讨论】：

【解决方案3】：

改为设置列标题的宽度

#patientApptTable th:first-child{
    width: 100px !important;
}

【讨论】：