2013-09-05 5 views
1

나는 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 및 정의되지 않은 속성 이름 <display:column> 태그 내부 data-label

로 경고를 보여줍니다.

나에게 <display:column> 태그의 "데이터 제목 또는 데이터 레이블"속성을 선언하는 다른 방법을 제안 해주십시오. 요청으로

+1

displaytable 당신에게'TD' 요소에 임의의 속성을 설정할 수있는 옵션을 제공처럼은 보이지 않는다. ''을 사용하여 자신의 HTML 테이블을 작성하는 것은 어렵지 않습니다. – vegemite4me

+0

안녕하세요, 빠른 답장을 보내 주셔서 감사합니다. ' 대신''을 어떻게 사용할 수 있는지 간단히 설명해 주시겠습니까? – MKD

답변

0

, 여기에 평범한 구식 핵심 JSTL을 사용하여 <td> 요소 data-label 속성을 추가 할 수있는 한 가지 방법입니다.

<%@ 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 라이브러리를 사용하지 않습니다.