jQueryを使ってtableのタグを<div class="XXXX">に置き換えます。
大きいスクリーンサイズではdisplay:table-cellなどtable関連のスタイルを使いテーブルデザインにします。
参考サイト：Responsive Data Tables with jQuery - Mobifreaks
800pxを境にデザインが変わります。
| Employee No | User Name | Real Name | Age | Profession | Contact |
| 2311 | Lorem | Ipsum dolor | 22 | Web designer | 1234567890 |
| 4542 | Viverra | Nam non viverra | 22 | Web developer | 2345678901 |
| 5643 | Sed | Donec sed volutpat | 25 | Editor | 3456789012 |
| 5464 | Orci | Phasellus eu orci nunc | 32 | User Interface | 4567890123 |