JQuery datatables - fnopen() таблица подробностей не занимает полную ширину

Question

У меня есть набор строк, которые я показываю через jQuery datatables, в основном используя список сетки в MVC ASP.net, а затем используя jQuery10 datatables, чтобы развернуть каждую строку данных, чтобы показать новые данные таблицы. Данные детали таблица не занимает всю ширину строки и показывается, как этот

Мой вызов, чтобы открыть функцию таблицы

oTable.fnOpen(nTr, details, 'LP') 

где LP класс моделирование родительской таблицы, как показано на рисунке, но она не применяется. Ive попытался применить стиль к самому HTML строк подробностей, но безрезультатно Как мне сделать стиль оформления родительской таблицы и занимать ширину родительской таблицы?

ОТВЕТ:

Оказывается, мои сортируемых столбцы в родительской таблице, предотвращая Стайлинг от работы с детьми столиками - я гавань достаточно изучены, чтобы узнать, почему же, но что-то в качестве ссылки для тех, кто с проблема. Помещение сортировки по всем столбцам родительской таблицы и изменение стиля ребенка для включения 100% -ной ширины.

Answer 1

Я закодировал это Plunker, которое получено из примеров dataTables.

кажется, делать то, что вы хотели. (Игнорируйте сломанные значки, plz).

Поскольку я не знаю никакого кода, мне пришлось построить этот длинный скрипт. Но на самом деле это сводится к просто добавляя ширину 100% к вашей субтаблице (строка 4 из plunker коды):

var sOut = '<table class="subtable" style="width:100%">'; 

Пожалуйста, проверьте это и использовать мой plunker в качестве основы для дальнейших уточнений, которые могут быть обсуждены Вот. (Другие могут помочь, если вы покажете им некоторые из вашего кода).

Надеюсь, это поможет. (Btw, очень симпатичные фьорды!)

Answer 2

Это может быть совершенно бесполезно, но я столкнулся с очень похожими проблемами с datatables, и проблема заключалась в том, что свойство отображения css таблицы было установлено как «block». После удаления нет проблем. На случай, когда вы это делаете, я думал, что отправлю.