Javascript JQuery-动态创建的元素css不工作

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

我要设置第一列的宽度：100px。请帮我做这件事。先谢谢你

去除患者可触及宽度：100%

此外，插入无效。

删除患者可触及宽度：100%

---

此外，插入无效。

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

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

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

---

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

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

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

---

改为设置列标题的宽度

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

---

改为设置列标题的宽度

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