将大表格渲染到移动设备的最佳方法是什么？

Question

用于使用AngularJs和Bootstrap作为Web框架的Web应用程序。

我正在实施一个表格，用于插入工作时间，加班费，差旅费，还款等。

该表目前由5列中可折叠的6列组成。

以下是桌面版的两个屏幕截图：

这些是Nexus 5的2个截图：

移动版本的可视化显然非常糟糕。此外，它必须考虑到此版本中的用户应在每行上横向滚动。这使得应用程序成为非友好的应用程序。 问题是：如何制作这种类型的表格，在两个版本中，可视化都清晰，干净，友好？