html - 树形表jsp自定义标签

Question

我有这个实现树表的自定义 JSP 标记(每个任务都可以有子任务): 树:

<%@ tag language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="h" tagdir="/WEB-INF/tags"%>
<%@ attribute name="tasks" type="java.util.List" required="true"%>


<c:forEach items="${tasks}" var="t">
            <tr>
                <td><c:out value="${t.id}"></c:out></td>
                <td><c:out value="${t.name}"></c:out></td>
                <td><c:out value="${t.description}"></c:out></td>
                <td><c:out value="${t.deadline}"></c:out></td>
            </tr>
    <c:if test="${fn:length(t.subtasks) > 0}">
        <h:tree tasks="${t.subtasks}"/>
    </c:if>
</c:forEach>

树包裹:

<%@ tag language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="h" tagdir="/WEB-INF/tags"%>
<%@ attribute name="tasks" type="java.util.List" required="true"%>
<table>
    <h:tree tasks="${tasks}"></h:tree>
</table>

现在每个子任务都显示在其父任务下方。我在每个子行上添加了一些左填充(就像一棵树):

-parent row
  -child row
  -child row
    -child chuld row
  -child row

我怎样才能做到这一点？

Answer 1

如果您执行查看源代码，您应该能够看到表单上各种 HTML 元素的类名或 ID。在 css 中使用这些来定义您想要实现的特征。