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

JQuery - Dynamically created element css not working

本文关键字：css 不起作用 元素 动态 创建 JQuery-      更新时间：2023-09-26

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

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

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

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

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

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

删除#patientApptTable width:100%；

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

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

设置列标题的宽度，而不是

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

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

相关文章：