Put xml document to a table layout : document « XSLT stylesheet « XML






Put xml document to a table layout


File: Data.xml
<?xml version="1.0"?>

<emailList>
  <person>
    <name>name 1</name>
    <email>g@gmail.com</email>
  </person>
  <person>
    <name>name 2</name>
    <email>n@hotmail.com</email>
  </person>
</emailList>


File: Transform.xslt

<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet
       version="1.0"
       xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:template match="/">
    <html>
      <head>
        <title>Email Listing</title>
      </head>
      <body>
        <table>
          <tr>
            <th>Name</th>
            <th>E-mail Address</th>
          </tr>
          <xsl:for-each select="emailList/person">
            <tr>
              <td><xsl:value-of select="name"/></td>
              <td><xsl:value-of select="email"/></td>
            </tr>
          </xsl:for-each>
        </table>
      </body>
    </html>
  </xsl:template>
</xsl:stylesheet>

Output:

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Email Listing</title>
   </head>
   <body>
      <table>
         <tr>
            <th>Name</th>
            <th>E-mail Address</th>
         </tr>
         <tr>
            <td>name 1</td>
            <td>g@gmail.com</td>
         </tr>
         <tr>
            <td>name 2</td>
            <td>n@hotmail.com</td>
         </tr>
      </table>
   </body>
</html>

 








Related examples in the same category

1.apply template for a document
2.Apply template to a certain node in a document
3.Format table cell during transforming
4.Variable for document