Problem

We need to create a responsive table without horizontal scroll

Solution

Download Tablesaw script here
Add it to page footer via Code Snippet
Make sure your table follow the HTML format below
<table data-tablesaw-mode="swipe*">
<thead>
<tr>
<th class="title">This column will be fixed</th>
<th></th>
<th></th>
</tr>
</thead>

<tbody>
<tr>
<td class="title">This column will be fixed</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>

*You can replace "swipe" with another format that you want

Review it!

Additional Note

If you want to fix a cell width, just apply CSS rule to the first cell only
colspan might effect the overall table style on mobile screen, don't forget to check it before use
Try to make your table as simple as possible to avoid an error
Demo usage: http://filamentgroup.