Hello Experts,
I use org-mode to produce a lot of big tables with numbers in them. When I present these tables by HTML, I found it's hard to keep track which row it is. I'm wondering if it's possible to implement additional class attribute to the <tr>, such as:
<table class="sample">
<tr class="d0"><td>One</td><td>Fish</td></tr>
<tr class="d1"><td>Two</td><td>Fish</td></tr>
<tr class="d0"><td>Red</td><td>Fish</td></tr>
<tr class="d1"><td>Blue</td><td>Fish</td></tr>
</table>
So, that in the CSS file, it'll be easier to implement the color:
<style type="text/css">
table.sample {
border: 6px inset #8B8378;
-moz-border-radius: 6px;
}
table.sample td {
border: 1px solid black;
padding: 0.2em 2ex 0.2em 2ex;
color: black;
}
table.sample tr.d0 td {
background-color: #FCF6CF;
}
table.sample tr.d1 td {
background-color: #FEFEF2;
}
</style>
I borrowed idea from this article:
http://www.somacon.com/p338.php
Thanks!
Xin