<eo:CallbackPanel runat="server" ID="callbackPanel">
<%-- other html code --%>
<asp:GridView ID="grid_docsGestionar" runat="server" CssClass="table table-striped table-bordered table-hover font-xs" AutoGenerateColumns="False" Width="100%">
<%-- columns grid code --%>
</asp:GridView>
</eo:CallbackPanel>

var responsiveHelper_grid = undefined;

        function loadGrid() {
            var breakpointDefinition = {
                tablet: 1024,
                phone: 480
            };

            var otable = $('#<%=grid_docsGestionar.ClientID%>').DataTable({
                "sDom": "&lt;'dt-toolbar'&lt;'col-xs-12 col-sm-7'f&gt;&lt;'col-sm-5 col-xs-6 hidden-xs'C&gt;r&gt;" +
                    "t" +
                    "&lt;'dt-toolbar-footer'&lt;'col-sm-4 col-xs-12 hidden-xs'i&gt;&lt;'col-sm-2 col-xs-12 hidden-xs'l&gt;&lt;'col-xs-12 col-sm-6'p&gt;&gt;",
                "columnDefs": [
                    {
                        "targets": [5], 
                        "type": "moment",
                        "render": $.fn.dataTable.render.moment('DD/MM/YYYY', 'DD/MM/YYYY', 'es') 
                    },
                    {
                        "targets": [0, 11],
                        "orderable": false 
                    }

                ]
                ,
                "order": [9, "desc"], 
                "bSort": true,
                "autoWidth": false,
                "oLanguage": {
                    "sSearch": '<span class="input-group-addon"cmt:fd1b13a3-6b3f-430d-ba61-fc6787e27bd7--<i class="glyphicon glyphicon-search"cmt:9e947417-5b46-4c17-b491-8d5c1455ec07--</i></span>',
                    "sLengthMenu": "Mostrar _MENU_ reg.",
                    "sInfo": "&lt;%=textPeuGrid_sInfo%&gt;",
                    "sInfoFiltered": "&lt;%=textPeuGrid_sInfoFiltered%&gt;",
                    "sInfoEmpty": "&lt;%=textPeuGrid_sInfoEmpty%&gt;",
                    "sEmptyTable": "&lt;%=textPeuGrid_sEmptyTable%&gt;",
                    "sZeroRecords": "&lt;%=textPeuGrid_sEmptyTable%&gt;"

                },

                "colVis": { 
                    "buttonText": "&lt;%=lang%&gt;",
                    "restore": "Restaurar",
                    "showAll": "Mostrar tots",
                    "exclude": [8]
                },
                "lengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]],                         
                "preDrawCallback": function () {
                    // Initialize the responsive datatables helper once.
                    if (!responsiveHelper_grid) {
                        responsiveHelper_grid = new ResponsiveDatatablesHelper($('#<%=grid_docsGestionar.ClientID%>'), breakpointDefinition);
                    }
                },
                "rowCallback": function (nRow) {
                    responsiveHelper_grid.createExpandIcon(nRow);
                },
                "drawCallback": function (oSettings) {
                    responsiveHelper_grid.respond();
                }

            });
            /* END GRID */
        }

$(document).ready(function () {
            loadGrid();
        });