DataTables - вложенная таблица высоты стиль

Question

https://datatables.net/examples/api/row_details.html

Я создал вложенные таблицы для дополнительной Infomation следующего примера DataTables выше. Я создал две таблицы, аналогичные той, что приведена в примере. Теперь я пытаюсь установить высоту этих таблиц на фиксированную сумму и разрешить прокрутку, поэтому маленькие таблицы можно прокручивать, если присутствует много информации.

Я добавил это к dataTables.css:

table.dataTable table 
{ 
    //all of these work 
    width: 47%; 
    margin:1%; 
    float:left; 
    border: solid 1px #dddddd; 

    // none of these take affect 
    min-height: 50px !important; 
    max-height: 50px !important; 
    height: 50px !important; 
    overflow-y: scroll; 
} 

Инспектор браузер отображает все CSS правильно на столах, просто игнорирует высоту/свитка по какой-то неизвестной причине, я unusre почему половина стилей работают.

• Как еще установить высоту вложенных таблиц?

Answer 1

РЕШЕНИЕ

Вы можете обернуть дочерние строки в <div class="child-container></div> в format() JavaScript функции и применяются следующие правила CSS:

table.dataTable .child-container { 
    max-height: 150px; 
    overflow-y: auto; 
} 

table.dataTable .child-container table { 
    width: 47%; 
    margin:10px 10px 10px 40px; 
    float:left; 
    border:1px solid #DDD; 
} 

DEMO

См. this jsFiddle для получения кода и демонстрации.