Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » C sharp » Crear HTml con columnas con 10 filas ordenadas hacia abajo

C sharp - Crear HTml con columnas con 10 filas ordenadas hacia abajo

Volver
Nuevo Tema
<<>>
 
Vista:

Crear HTml con columnas con 10 filas ordenadas hacia abajo

Publicado por Fernanda (2 intervenciones) el 06/04/2024 08:00:29
Hola,
Tengo que genera un Html a partir de una consulta, estoy utilizando SqlDataReader para hacerla, al momento de crear el html por código no logro poder colocar los datos de esta manera.

C1 C2 C1 C2
1 A 11 K
2 B 12 L
3 C 13 M
4 D 14 N
5 E 15 Ñ
6 F 16 O
7 G 17 P
8 H 18 Q
9 I 19 R
10 J 20 S

Alguna idea de como hacerlo?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil

Crear HTml con columnas con 10 filas ordenadas hacia abajo

Publicado por manuel (6 intervenciones) el 07/04/2024 20:37:58
Hola Fernanda, no entiendo del todo la consulta. ¿Necesitas ordenar los datos y luego mostrarlos verdad? Según interpreto tienes datos desordenados (en este caso letras) y necesitas mostrarlos con un indice numérico de posición al lado. Bueno, eso lo podrías hacer usando expresiones lambda y algo de razor así.

(Aclaro que este ej. sirve para un proyecto MVC que calculo es lo que estas trabajando)

En el médoto que pasas los datos al html ordenas datos mediante la expresion lambda

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public IActionResult TablaHTMLOrdenada()
{
    /// Estos son datos de ej. los reales los obtienes de tu consulta/método
    /// de tu proyecto
    var datos = new List<DatoModel>()
    {
        new DatoModel(){ Prop1="A"},
        new DatoModel(){ Prop1="C"},
        new DatoModel(){ Prop1="F"},
        new DatoModel(){ Prop1="D"},
        new DatoModel(){ Prop1="E"},
        new DatoModel(){ Prop1="H"},
        new DatoModel(){ Prop1="B"},
        new DatoModel(){ Prop1="Ñ"},
        new DatoModel(){ Prop1="G"},
        new DatoModel(){ Prop1="J"},
    };
 
    // ordeno los datos
    datos = datos.OrderBy(d => d.Prop1).ToList();
 
    return View(datos);
}

Luego en el html agregas un indice 'i' y lo incrementas a medida que muestras los datos ya ordenados.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@model IEnumerable<DatoModel>
 
<div class="container">
    <table class="table">
        <thead>
            <tr>
                <th scope="col">Fila</th>
                <th scope="col">Prop1</th>
            </tr>
        </thead>
        <tbody>
            @{
                int i = 1;
                foreach (DatoModel item in Model)
                {
                    <tr>
                        <th scope="row">@i</th>
                        <td>@item.Prop1</td>
                    </tr>
                    i++;
                }
            }
        </tbody>
    </table>
</div>

Luego lo que verás será algo así:

lwp_tabla_html_ordenada

Si pueder dar más información al respecto con gusto te ayudaría. Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Crear HTml con columnas con 10 filas ordenadas hacia abajo

Publicado por Fernand (2 intervenciones) el 08/04/2024 22:15:08
Gracias!!!!!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar