<table id="TblMercancias" class="table table-xxs datatable-responsive">


        <thead>
            <tr>
                <th>Codigo Empleado</th>
                <th>Nombre</th>
                <th>apellido</th>
                <th>Area</th>
                <th>Agrencia</th>
                <th>Descripcion</th>
                <th>Valor</th>
                <th>Valor2</th>
                <th>Valor3</th>
                <th>Valor4</th>
                <th>Valor5</th>
                <th>Valor6</th>
                <th>Valor7</th>
                <th>Valor8</th>
                <th>Valor9</th>
                <th>Valor10</th>



            </tr>
        </thead>

        <tbody>
            @foreach (var item in Model)
            {
                <tr>


                    <td>@item.EmpId</td>
                    <td>@item.EmpNombre</td>
                    <td>@item.EmpApellido</td>
                    <td>@item.AreId</td>
                    <td>@item.AgeId</td>
                    <td>@item.BenEmpDescripcion</td>
                    <td>@item.DetBenEmpValor</td>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    <td>5</td>
                    <td>6</td>
                    <td>7</td>
                    <td>8</td>
                    <td>9</td>
                    <td>10</td>




                </tr>
            }
        </tbody>

    </table>
</div>

@section scripts{

    <script>
        $(function () {

            $('#TblMercancias').DataTable({
                'paging': true,
                'lengthChange': true,
                'searching': true,
                'ordering': true,
                'info': true,
                'autoWidth': true,


                // responsive: true,
                fixed: true,
                language: {

                    "decimal": "",
                    "emptyTable": "No hay información",
                    "info": "Mostrando _START_ a _END_ de _TOTAL_ Entradas",
                    "infoEmpty": "Mostrando 0 to 0 of 0 Entradas",
                    "infoFiltered": "(Filtrado de _MAX_ total entradas)",
                    "infoPostFix": "",
                    "thousands": ",",
                    "lengthMenu": "Mostrar MENU Entradas",
                    "loadingRecords": "Cargando...",
                    "processing": "Procesando...",
                    "search": "Buscar:",
                    "searchPlaceholder": "Esciba para filtrar...",

                    "sLengthMenu": "Mostrar _MENU_ registros",
                    "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                    "zeroRecords": "Sin resultados encontrados",
                    "paginate": {
                        "first": "Primero",
                        "last": "Ultimo",
                        "next": "Siguiente",
                        "previous": "Anterior"

                    }
                }
            })

            });

    </script>
    }