Source Viewer : /velocity/action-table.htm

<p>
This page provides an example of action links being used in a table.
</p>

<br/>

<style type="text/css">
th { color: white; }
</style>

#if ($customers)
<table border="1" cellspacing="0" cellpadding="4"> 
 <tr bgcolor="navy">
  <th>ID</th>
  <th>Customer Name</th>
  <th>Holdings</th>
  <th>Edit</th>
  <th>Delete</th>
 </tr>
#foreach( $customer in $customers )
 #if( $velocityCount % 2 == 0) <tr bgcolor="#f7f7e7"> #else <tr> #end
  <td align="left" valign="middle">
   $customer.id
  </td>
  <td align="left" valign="middle">
   <a href="$viewLink.getHref($customer.id)">$customer.name</a>
  </td> 
  <td align="right">
   $format.currency($customer.holdings)
  </td>
  <td align="center" valign="middle">
   <a href="${editLink.href}&id=$customer.id">
    <img src="$context/assets/images/edit.gif" alt="Edit" title="Edit" border="0" align="middle">
   </a>
  </td>
  <td align="center" valign="middle">
   <a href="$deleteLink.getHref($customer.id)" onclick="return window.confirm('Are you sure you want to delete this Customer?');">
	  <img src="$context/assets/images/delete.gif" alt="Delete" title="Delete" border="0" align="middle">
   </a>
  </td>
 </tr>
#end
</table>
#end


#if ($customerDetail) 
<p>
  
<b>Customer Details</b>
<table border="0" cellspacing="2" cellpadding="2">
 <tr>
  <td><b>Name</b></td><td>&nbsp;</td><td>$customerDetail.name</td>
 </tr>
 <tr>
  <td><b>Email</b></td><td>&nbsp;</td>
  <td>$format.email($customerDetail.email, "style='{text-decoration:none;}'")</td>
 </tr>
 <tr>
  <td><b>Age</b></td><td>&nbsp;</td><td>$format.string($customerDetail.age)</td>
 </tr>
 <tr>
  <td><b>Investments</b></td><td>&nbsp;</td><td>$format.string($customerDetail.investments)</td>
 </tr>
 <tr>
  <td><b>Holdings</b></td><td>&nbsp;</td><td>$format.currency($customerDetail.holdings)</td>
 </tr>
 <tr>
  <td><b>Date Joined</b></td><td>&nbsp;</td><td>$format.date($customerDetail.dateJoined, "dd MMM yyyy")</td>
 </tr>
 <tr>
  <td><b>Active</b></td><td>&nbsp;</td>
  <td>#if ($customerDetail.active) $customerDetail.active #else false #end</td>
 </tr>
</table>
#end