Отзывчивая конструкция стола Проблема

Question

Я хочу показать таблицу как отзывчивую в jsp.

Я использую displaytag для отображения таблицы и для разбивки на страницы.

В то время как я пытался сделать его отзывчивым, я выполнил шаги в http://css-tricks.com/responsive-data-tables/ и выполнил его. Но имя в теге <thead> отличается от таблицы отзывчивым.

Он также объясняет использование

<td data-label="First name">Chris</td> 

td:before { content: attr(data-label); } 

Чтобы сделать пребывание контента в HTML не в CSS.

Но когда я использовал его в JSP он показывает предупреждение как

Не определенно имя атрибута data-title и неопределенного имя атрибута data-label

внутри <display:column> тега.

Просьба предложить мне любой другой способ объявить атрибут «имя элемента данных или метки данных» в теге <display:column>.

Answer 1

В соответствии с запросом, вот один из способов добавить атрибуты data-label к вашим <td> элементам с использованием простого старого ядра JSTL.

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 

<table> 
    <thead> 
     <tr> 
      <th>First name</th> 
      <th>Last name</th> 
     </tr> 
    </thead> 
    <tbody> 
    <c:forEach var="person" items="people"> 
     <tr> 
      <td data-label="First name"><c:out value="person.firstName" /></td> 
      <td data-label="Last name"><c:out value="person.lastName" /></td> 
     </tr> 
    </c:forEach> 
    </tbody> 
</table> 

Примечание: это не использует displaytable библиотеку.