jsp - 响应式表设计问题

Question

我想在 jsp 中显示一个响应式的表格。

我正在使用显示标签来显示表格和分页。

当我试图让它响应时，我按照 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

根据要求，这是使用普通的旧核心 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 库。