Hi,
I learned a bit a about html/css and took another look the issue. It turns out that org-mode uses the border attribute which is not respected by my browser(Google Chrome version 36.0.1985.125 on Mac 10.9.4) .
Org mode generated this line in the html for table but the border is not displayed,
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
If we use css style to specify the border, the table border would show up:
<table style="border:2px" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
Don't know why it is that. But is there any org keywords/properties I can specify so that Org would not use the border attribute but use the style attribute instead when exporting to html? Thanks.
Shiyuan