Fancy striped tables
| emacsEphrem wrote:
Here’s a bit of magic to make fancy striped tables. The javascript is from
http://alistapart.com/articles/zebratables/. 4 steps. One caveat, if you have
multiple tables on a page (not including headers and footers) this
could result in multiple instances of id=”tabular”. If anyone knows how to adapt the
javascript to identify class instead of id, that would be an improvement.
- Edit emacs-wiki-publishing-header and add this javascript somewhere within
the head tag:- Edit emacs-wiki-publishing-header so that the body tag has an onload attribute as follows:
- Edit emacs-wiki-table-attributes so that it includes id=”tabular”:
(setq emacs-wiki-table-attributes "id=\"tabular\" border=\"0\" cellpadding=\"2\" cellspacing=0")- Add something like the following to your stylesheet:
/* // Only tables with the "tabular" id, thereby avoiding header // and footer tables. */ table#tabular { border: 3px solid #555; } /* // Apply border to all td elements which are not in the first row. */ table#tabular tr + tr>td { border-top: 1px solid #aaa; } table#tabular td { padding: .5ex .5em; } /* // Apply left border to all columns except the first. */ table#tabular td + td { border-left: 1px dotted #aaa; }E-Mail from ephrem@tuirgin.com
You can comment with Disqus or you can e-mail me at sacha@sachachua.com.