I am writing an html email alert for Sage Alerts and Workflow v9.0 for Sage 100 and I have a table in the email alert and I want the table to be shaded for every other row. I'm using the nth-child(even) method and I can't get it to work. If someone has experience and wouldn't mind glancing at what I have below and point out my mistakes..I'd appreciate it! The blue border works, the blue shaded table heading w/white lettering works but the rows are all the same white shade. I thought the way I wrote it every other row would be orange.shaded.
<!DOCTYPE html>
<html>
<head>
<style>
table,th,td
{
border:2px solid blue;
}
table
{
border-collapse:collapse;
width:100%;
}
td
{
height:40px;
}
tr:nth-child(even)
{
background-color orange;
color: white;
}
th
{
background-color:blue;
color:white;
}
</style>
</head>
<body>
<table>
<tr>
<th>VendorName</th>
<th>VendorNo</th>
<th>Limit</th>
<th>Approved</th>
<th>InvoiceNo</th>
<th>InvDate</th>
<th>InvBal</th>
</tr>
<tr>
{BEGIN*REPEAT}
<td>{VendorName}</td>
<td>{VendorNo}</td>
<td>{UDF_LIMIT}</td>
<td>{UDF_APPROVEDBY}</td>
<td>{InvoiceNo}</td>
<td>{InvoiceDate}</td>
<td>{Balance&}</td>
</tr>
{END*REPEAT}
</table>
</body>
</html>
Table comes out nicely but all the rows are white and not shaded orange for every other.
