Как сделать адаптивную таблицу если в ячейках используются картинки?

Question

[Павел]

Делаю по данному мануалу: webdesign.ru.net/article/adaptivnaya-tablica-na-ch...

но так как у меня в ячейках используется код например <a href="/">ссылка</a> или <img src="/">

Это не получается вставить в data-label:

<td data-label="<a href="/">ссылка</a>"</td>

Как быть в таком случаи?

Comments

[Сергей delphinpro]

Вы уверены, что правильно поняли данный метод? Атрибуты используются для дублирования заголовков из шапки таблицы, а сама шапка прячется. Чтобы юзеру было понятно какие данные он видит. У вас в шапке таблицы картинки или ссылки?

[Павел]

Сергей: И то и то вот донор https://roxkis.ru/

[Сергей delphinpro]

Павел: ну вот. У вас в атрибутах должны быть (согласно упомянутого метода) слова "Звание", "Описание", "Очки", "ПВГ" и т.д.

[Павел]

Сергей: т.е вставить свои атрибуты картинки, ссылки не выйдет в данном случаи? только текст

[Сергей delphinpro]

Павел: Хотя некоторые излишни. Метки нужно добавить только для ячеек с очками, пвг, у/с и опционально, цена. Остальное и так понятно.
Если сделаете фиддл с этой таблицей, покажу как ее можно адаптировать.

[Павел]

Сергей: Все понял, ) у меня смешалось в голове все. Я в ту сторону смотрел

Answer 1

[Lumore]

HTML код в attr вставить нельзя: https://developer.mozilla.org/en/docs/Web/CSS/attr