W3tTr3y's blog

A personal technology focused blog

Octopress Tables

Back in my second post from Feburary 2004, I attempted to include a table in a post but was disappointed that I could never get it to work. More recently I wanted to include a table again, so I decided to finally figure out that problem.

Looking at the code, it looks correct based on my very limited understanding of markdown:

1
2
3
4
5
6
7
8
9
10
11
12
indexer |  fwder  | total  
 :------ | :-----: | ------:
 index1  |  fwder1 |  1000  
 index2  |  fwder2 |  997   
 index2  |  fwder3 |  998   
 index1  |  fwder4 |  967   
 index2  |  fwder5 |  109   
 index1  |  fwder4 |   13   
 index1  |  fwder2 |    9   
 index1  |  fwder3 |    6   
 index2  |  fwder1 |    4   
 index1  |  fwder5 |    3

Unforuntately, when you view the data, it doesn’t appear to be in a table.

Unformatted Table

If you look at the source, it is being converted into a table.

HTML Source for Table

The problem turns out to be styling and there’s a decent []blog post](http://samwize.com/2012/09/24/octopress-table-stylesheet/) about how to fix it. Currently, I’ve copy and pasted his suggestion into /sass/custom/_styles.scss and it now looks like a table even if it is a bit ugly.

Ugly Table After Styling