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
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
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 %}