Сделать таблицу адаптивной

[gts]

Нужно сделать таблицу с товаром полностью адаптивной на мобильных устройствах. На скриншоте видно, что поле "Тип расположения" на мобильном устройстве отображается некорректно, там нет значений "отдельно стоящий, пристенный", которые есть если смотреть с компьютера. Т.е нужно что-то вроде style="height: auto;" width="100%", но куда это вставлять в данном случае не совсем понятно.

Пример таблицы с товаром:http://elektrosvet.dp.ua/imac

 

[Tom]

А где там таблица ? Это список.... Почему вы вписываете характеристики в описание а не в атрибуты, где им самое место и они адаптивны? А как потом быть  если понадобится фильтр ? А он соотвественно не сможет фильтровать, так как вы свернули шею логике самого опенкарт?
 

[ArtemPitov]

https://css-tricks.com/responsive-data-tables/

[gts]

1 час назад, Tom сказал:

А где там таблица ? Это список.... Почему вы вписываете характеристики в описание а не в атрибуты, где им самое место и они адаптивны? А как потом быть  если понадобится фильтр ? А он соотвественно не сможет фильтровать, так как вы свернули шею логике самого опенкарт?
 

Копирую список с характеристиками со стороннего сайта, т.к много товаров и нет времени все в ручном режиме вносить в атрибуты. 

Если понадобится фильтр, использую ocfilter и в ручном режиме устанавливаю только нужные мне значения

[Tom]

Закажите парсинг.

Копипаст зло изначально.

Вы сначала создаёте преднамеренно сложности(что бы облегчить работу) потом будете платить за разного рода костыльные решения.

Пока не поздно нужно притормозить.

Парсинг при правильном его исполнении заполнит нужные атрибуты они отобразятся где положено фильтр подхватит данные.

Так как ocfilter не панацея , ведь потом придётся опять по новой в каждом товаре создавать нужные опции фильтра.

[gts]

В 24.01.2018 в 21:56, ArtemPitov сказал:

https://css-tricks.com/responsive-data-tables/

Прочитал статью по ссылке, но мне не понятно как это применить в данном случае.

 

Вопрос для меня еще актуален, какие изменения нужно внести, чтобы сделать этот список адаптивным?