jsp - 响应表设计问题

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