Fully based onto css class, for complex table with col and row headers. Add the .o-responsive-table class to the table tag, the scope='col' to the th into the thead, scope='row' onto row header, and repeat the col header's into the attribute data-title of each td. Display one card by line onto small screen, 2 card by line between small and medium, classic tab for upper sizes

Calls received
date number place called call class duration cost
8 octobre 2012 447765896321 BT Freefone talk 0:05:40 0.214
9 octobre 2012 447765896321 BT Freefone talk 0:19:09 0.158
10 octobre 2012 447765896322 Free talk 0:10:06 0.089
11 octobre 2012 447765896324 Orange SMS - 0.10
{% highlight html %}
Calls received
date number place called call class duration cost
8 octobre 2012 447765896321 BT Freefone talk 0:05:40 0.214
9 octobre 2012 447765896321 BT Freefone talk 0:19:09 0.158
10 octobre 2012 447765896322 Free talk 0:10:06 0.089
11 octobre 2012 447765896324 Orange SMS - 0.10
{% endhighlight %}