<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<f:view>
    <html>
        <head><h2>JSF Application</h2></head>
        <body>
            <center><br><br><br>
                <h:dataTable id="dt1" value="#{tableBean.perInfoAll}" var="item" bgcolor="#F1F1F1" border="10" cellpadding="5" cellspacing="3" rows="4" width="50%">
                    <f:facet name="header">
                        <h:outputText value="This is Table Data" />
                    </f:facet>
                    
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Emp Name" />
                        </f:facet>
                        <h:outputText value="#{item.name}"/>                        
                    </h:column>

                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="Image" />
                        </f:facet>
                            <h:graphicImage value="DisplayImage"/>                         
                    </h:column>

                    <f:facet name="footer">
                        <h:outputText value="The End" />
                    </f:facet> 
                </h:dataTable><br>
            </center>
        </body>
    </html>
</f:view>
