顶部固定div和数据表重叠

Question

为了显示一些数据，我在页面中使用了DataTables，但我需要在页面顶部修复一些元素，所以当用户向下滚动页面{0}}时我需要这样做在顶部。

问题是，当我使用<div class="row top"></div>时，数据表中的Show entries和Search:部分与div重叠，当用户向下滚动页面时，div除了position: fixed;之外，元素都是隐藏的。这是JSFiddle。

抱歉我的英语不好。