0

Necesito organizar una tabla de la siguiente manera:

Nombre - Eje - Lider - Pesos - Calificaciones - Ponderado, mediante un ciclo foreach, mi código es el siguiente:

<table class="table table-bordered">
    @foreach (var item in ViewBag.calificaciones )
    {
        <tr>
        <td>@item.nombrecolaborador</td>
        <td>@item.ejecolaborador</td>
        <td>@item.lider</td>
        <td>
            @item.peso%
        </td>
        <td>
            @item.calificacion
        </td>
        <td>
            @string.Format("{0:F3}", item.ponderado)
        </td>
        </tr>
    }
</table>

Mi controlador:

ViewBag.calificaciones = (from p in db.Objectives
                      join o in db.CalificarColaboradors on p.id equals o.id_objetivo
                      join f in db.Collaborators on o.codigo_colaborador equals f.codigo
                      select new calificaciones {
                          peso = p.Peso_Objetivo,
                          calificacion = o.calificacion,
                          nombrecolaborador = f.nombres,
                          ejecolaborador = f.eje_funcional,
                          lider = f.lider,
                          ponderado = (p.Peso_Objetivo * o.calificacion / 100)
                      }).ToList();

Actualmente me imprime los resultados de la siguiente manera:

introducir la descripción de la imagen aquí

Pero necesitaria verlos de la siguiente manera:

introducir la descripción de la imagen aquí

Me explico de mejor manera, necesito que por cada colaborador me imprima los pesos de manera horizontal y después de esos me imprima las calificaciones y así mismo el ponderado tal como se muestra en la imagen, porque actualmente me está imprimiendo todo de manera vertical y fuera de eso me trae el nombre tantas veces exista un registro.

Si necesitan que suba algo más, quedo atento.

1
  • Los comentarios no deben usarse para discusiones extendidas; esta conversación ha sido trasladada a un chat.
    – fredyfx
    Commented el 11 jul. 2017 a las 23:45

3 respuestas 3

1

necesito que por cada colaborador me imprima los pesos de manera horizontal y despues de esos me imprima las calificaciones y asi mismo el ponderado tal como se muestra en la imagen, porque actualmente me esta imprimiendo todo de manera vertical

La respuesta de JackNavaRow te puede ayudar con eso. El lo hace exactamente asi.

fuera de eso me trae el nombre tantas veces exista un registro.

Porque tienes que hacer un distintic por nombre utilizando un GroupBy:

ViewBag.calificaciones = (from p in db.Objectives
                      join o in db.CalificarColaboradors on p.id equals o.id_objetivo
                      join f in db.Collaborators on o.codigo_colaborador equals f.codigo
                      select new calificaciones {
                          peso = p.Peso_Objetivo,
                          calificacion = o.calificacion,
                          nombrecolaborador = f.nombres,
                          ejecolaborador = f.eje_funcional,
                          lider = f.lider,
                          ponderado = (p.Peso_Objetivo * o.calificacion / 100)


                       })
            .GroupBy(x=>x.nombrecolaborador)
            .ToList()
            .Select(x=> x.First())

Hay no te repetira los nombres.

1
1

Cambiar la parte de tablas por divs, ellos si permiten ser más dinámicos. Tu te encargas de los estilos, pero con ellos si se pueden dar columnas distintas.

<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-6">
      <div class="row">
        @for (int i = 1; i<=V iewBag.calificaciones.Lenght; i++) { 
            if(ViewBag.calificaciones[i].nombrecolaborador !=V iewBag.calificaciones[i + 1].nombrecolaborador) { 
                <div class="col-xs-4 col-sm-4">
                    @ViewBag.calificaciones[i].nombrecolaborador
                </div>
               <div class="col-xs-4 col-sm-4">
                    @ViewBag.calificaciones[i].ejecolaborador
               </div>
               <div class="col-xs-4 col-sm-4">
                   @ViewBag.calificaciones[i].lider
               </div>
              for (int j = i; j <=t ope + i ; j++) { 
                 <div class="col-xs-4 col-sm-4">
                    @ViewBag.calificaciones[i].peso%
                </div>
             } 
             for (int j = i; j <=t ope + i ; j++) { 
                <div class="col-xs-4 col-sm-4">
                  @ViewBag.calificaciones[i].calificacion%
               </div>
            } 
            for (int j = i; j <=t ope + i ; j++) { 
                <div class="col-xs-4 col-sm-4">
                    @ViewBag.calificaciones[i].ponderado%
               </div>
           } 
       }
       </div>
   </div>
</div>

  • Remplaza table u tbody con div class="container"
  • Remplaza tr con div class="row"
  • Remplaza td con div class="col-ww-nn"
    • Donde WW es el dispositivo width (xs, sm, md, lg)
    • Donde nn es un número del 1-12 de porcentage para las columnas (dividido en 12)
16
  • Hola, gracias por tu respuesta, veo que entendiste perfectamente lo que necesito, sin embargo no se porque tu codigo no me funciona en el razor
    – ByGroxD
    Commented el 11 jul. 2017 a las 16:28
  • Debe ser debido a que las tablas no se pueden renderizar debido que no todos tendrán el mismo número de columnas.
    – farsSharp
    Commented el 11 jul. 2017 a las 16:30
  • no sera porque faltan las @? ya estoy intentando
    – ByGroxD
    Commented el 11 jul. 2017 a las 16:32
  • revisa muy bien todo que lo escribí a memoria, me avisas
    – farsSharp
    Commented el 11 jul. 2017 a las 16:34
  • Hola, no me funciona tu respuesta la logica esta bien como la necesito pero pues no logro hacerla funcionar
    – ByGroxD
    Commented el 11 jul. 2017 a las 19:17
0

Suponiendo que el resultado de los datos esten bien solo debes agregar un colspan para agrupar las columnas, te colocare el ejemplo a continuacion

<table border="1">
      <tr>
          <td>Nombre</td>
          <td>Eje</td>
          <td>Lider</td>
          <td colspan ="3">Pesos %</td>
      </tr>
      @foreach (var item in ViewBag.calificaciones )
      {
        <tr>
          <td>@item.nombrecolaborador</td>
          <td>@item.ejecolaborador</td>
          <td>@item.lider</td>
          <td>@item.peso%</td>
          <td>@item.calificacion</td>
          <td>@string.Format("{0:F3}", item.ponderado)</td>
        </tr>
    }
</table>
 

1
  • Hola amigo, gracias por tu respuesta, sin embargo no da solucion alguna a mi problema.
    – ByGroxD
    Commented el 11 jul. 2017 a las 15:42

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.