DataTable paging at top and bottom of table

I managed to add the paging control at the top and bottom of the table by specifying to dom option. i would like to check how do I shift the paging to be outside of the horizontal scrollbar or make the paging control follow the scrolling

Code

<script>
$("document").ready(function () {
if ($('#<%= gvLevel3Data.ClientID %>').is(":visible")) {
                if ($.fn.dataTable.isDataTable('#<%= gvLevel3Data.ClientID %>')) {
                    table = $('#<%= gvLevel3Data.ClientID %>').DataTable();
                 }
                 else {
                     table = $('#<%= gvLevel3Data.ClientID %>').DataTable({
                        order: [[1, 'desc']],
                        "columnDefs": [
                            { "orderable": false, "targets": [0] },
                        ],
                        "dom": '<"top"lp<"clear">>rt<"bottom"ip<"clear">>'
                    });
                    //table.columns.adjust().draw();
                }
            }
});
</script>

Current design