JQuery - 动态创建的元素css无法正常工作

Question

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

我想为第一列设置width:100px。请帮助我。提前谢谢......

Answer 1

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

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

通过这种方式，您可以确保第一列仅为100px而另一列将展开。

http://codepen.io/anon/pen/vEboLP

Answer 2

删除#patientApptTable width:100%;

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

此外，插入<div> into <tr>无效。

Answer 3

设置列标题的宽度

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

http://codepen.io/anon/pen/bNzXeE