Page number in Jquery datatable

$(function () {
    $("[id*=grdPlanning]").DataTable({
        order: [[11, 'asc']],
        dom: "<'row'<'col-sm-6'l><'col-sm-6'f>>" +
             "<'row'<'col-sm-12'tr>>" +
             "<'row'<'col-sm-5'i><'col-sm-7'p>>",
        "language": {
            "info": "Showing _START_ to _END_ of _TOTAL_ entries",
            "infoEmpty": "Showing 0 to 0 of 0 entries",
            "emptyTable": "No data available",
            "lengthMenu": "Show _MENU_ entries",
            "paginate": {
                "first": "First",
                "last": "Last",
                "next": "Next",
                "previous": "Previous"
            }
        }
    });
});

The dom option is set to a custom value that defines the layout of the DataTable. The "Showing 1 to 87 of 87 entries" message is placed at the top by specifying the desired HTML structure. The language option is set to customize the language and text displayed by DataTables, including the pagination and information messages.

You can use the DataTables plugin's built-in functionality for customizing the table layout. Here's an updated version of your code that achieves this: