响应表设计问题

时间:2013-09-05 12:29:35

标签: jsp css3 responsive-design jsp-tags displaytag

我想在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>代码中声明“数据标题或数据标签”属性的任何其他方式。

1 个答案:

答案 0 :(得分:0)

根据要求,以下是使用普通旧核心JSTL向data-label元素添加<td>属性的一种方法。

<%@ 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库。