<table class="table table-hover nowrap dataTable dtr-inline collapsed tbCarreras" id="tbCarreras"
       width="100%" role="grid" aria-describedby="tbEncuestas_info">
    <thead class="thead-default">
    <tr>
        <th>Titulo de la Bibliografía</th>
        <th>Cantidad de Prestamos</th>
    </tr>
    </thead>
    <tbody id="bilbiografias">
    @foreach($bibliografias as $bibliografia)
        <tr>
            <td style="white-space:pre-line">{{$bibliografia->nombre}}</td>
            <td style="white-space:pre-line">{{$bibliografia->Cantidad}}</td>
        </tr>
    @endforeach
    </tbody>
</table>

<script>
    $('#tbCarreras').DataTable({
        "lengthMenu": [[2, 20, 50, -1], [2, 20, 50, "Todas"]],
        bFilter: true,
        "bLengthChange": false,
        bInfo: true,
        responsive: true,
        "autoWidth": true,
        "language": {
            "lengthMenu": "Mostrar _MENU_ Entradas",
            "zeroRecords": "No se encontraron registros",
            "info": "Mostrando la página _PAGE_ de _PAGES_",
            "infoEmpty": "No hay registros disponibles",
            "infoFiltered": "(filtrado de _MAX_ registros totales)",
            "search": "Buscar: ",
            "paginate": {
                "first": "Primero",
                "last": "Último",
                "next": "Siguiente",
                "previous": "Anterior"
            },
        },
        "order": [],
        "aoColumns": [
            { "bSearchable": true },
            { "bSearchable": true }
        ],
        "columns": [
            { "orderable": false },
            { "orderable": false }
        ],       dom: 'Bfrtip',
        buttons: [
            'excel', 'pdf'
        ]
    });
</script>