JQuery - динамически созданный элемент css не работает

Question

Я создал таблицу динамически с помощью JQuery. Но я не могу применить CSS для созданного столбца таблицы. Здесь образец ссылки в кодепене codepen.

Я хочу установить width:100px для 1-й колонки. Плеси помог мне в этом. Заранее спасибо ...

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