Syntax
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%><%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <f:view><h:form target="_self"> Search by name or description: <h:inputText value="#{projectMB.projectsPtrn}"></h:inputText> <h:commandButton value="Filter"></h:commandButton> <h:dataTable border="1" var="proj" value="#{projectMB.projects}"> <h:column id="Title"> <h:outputText value="#{proj.title}"></h:outputText> <f:facet name="header"> <h:outputText value="Title" id="title"></h:outputText> </f:facet> </h:column> <h:column id="Project_Descr"> <h:outputText value="#{proj.description}"></h:outputText> <f:facet name="header"> <h:outputText value="Description"></h:outputText> </f:facet> </h:column> <h:column id="edit_prj"> <h:commandLink action="#{projectMB.editProject}" > <h:outputText value="Edit"></h:outputText> <f:param id="currEditProjId_id" name="currProjId" value="#{proj.projectId}"/> </h:commandLink> <f:facet name="header"> <h:outputText value="Edit Project"></h:outputText> </f:facet> </h:column> </h:dataTable> <h:commandButton value="New Project" action="#{projectMB.navigationNewProject}"></h:commandButton> </h:form> </f:view></body> </html>