Diskuze: Dynamický rowspan v HTML tabuľke

V předchozím kvízu, Test znalostí C# .NET online, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Lukáš Kvak

Člen

Lukáš Kvak:14.4.2017 0:19

nazdar, pracujem na jednom webe a robím tam rozpis zápasov ktorý je cez select vytiahnutý z MS SQL tabuľky.
viď. obrázok 1

a chcel by som aby mi automaticky spojilo stĺpec Kolo a Dátum do jedného riadku keď sú rovnaké tak ako je zakreslené v obrázku.

kód vyzerá asi takto:

SqlConnection cn = new SqlConnection();
        cn.Open();
        SqlCommand cmd = new SqlCommand();
        cmd.CommandText = "select * from Rozpis ORDER BY ID";
        cmd.Connection = cn;
        SqlDataReader rd = cmd.ExecuteReader();
        table.Append("<table class='table' style='color: white; width: 50%; '>");
        table.Append("<tr style='text-align:center; height: 30px; background-color: #FFF; border: 2px solid white; font-family:Impact;'>");
        table.Append("<td style = 'width: 40px; border-right:1px solid #999;' ><font color='black' > Kolo </font></td>");
        table.Append("<td style = 'width: 80px; border-right:1px solid #999;' ><font color='black' > Dátum </font></td>");
        table.Append("<td style = 'width: 80px; border-right:1px solid #999;' ><font color='black' > Čas </font></td>");
        table.Append("<td style = 'width: 80px; border-right:1px solid #999;' ><font color='black' > Miesto </font></td>");
        table.Append("<td style = 'width: 100px; border-right:1px solid #999;' ><font color='black' > Domáci </font></td>");
        table.Append("<td style = 'width: 100px; border-right:1px solid #999;' ><font color='black' > Hostia </font ></td>");
        table.Append("<td style = 'width: 100px;' ><font color='black' > Výsledok </font ></td>");
        table.Append("</tr>");

        if (rd.HasRows)
        {
            while (rd.Read())
            {
                table.Append("<tr >");
                table.Append("<td style='border-right:1px solid white;' >" + rd[1] + "</td>");
                table.Append("<td style='text-align:center; border-right:1px solid white;'>" + rd[2] + "</td>");
                table.Append("<td style='text-align:center; border-right:1px solid white;'>" + rd[3] + "</td>");
                table.Append("<td style='text-align:center; border-right:1px solid white;'>" + rd[4] + "</td>");
                table.Append("<td style='border-right:1px solid white;'>" + rd[5] + "</td>");
                table.Append("<td style=' border-right:1px solid white;'>" + rd[6] + "</td>");
                table.Append("<td>" + rd[7] + "</td>");
                table.Append("</tr>");
            }
        }
        table.Append("</table>");
        Rozpis.Controls.Add(new Literal { Text = table.ToString() });
        rd.Close();
    }

Ak by ste mi vedeli pomôcť budem vďačný za každú radu.

Editováno 14.4.2017 0:21

Odpovědět

14.4.2017 0:19

Lukáš Kvak

Člen

Lukáš Kvak:14.4.2017 0:25

//EDIT: oprava kódu, zabudol som ešte skopírovať na začiatok pár riadkov

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Text;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Configuration;

public partial class rozpis : System.Web.UI.Page
{
    StringBuilder table = new StringBuilder();

    protected void Page_Load(object sender, EventArgs e)
    {
        SqlConnection cn = new SqlConnection();
        cn.Open();
        SqlCommand cmd = new SqlCommand();
        cmd.CommandText = "select * from Rozpis ORDER BY ID";
        cmd.Connection = cn;
        SqlDataReader rd = cmd.ExecuteReader();
        table.Append("<table class='rozpis' style='color: white; width: 50%; '>");
        table.Append("<tr style='text-align:center; height: 30px; background-color: #FFF; border: 2px solid white; font-family:Impact;'>");
        table.Append("<td style = 'width: 40px; border-right:1px solid #999;' ><font color='black' > Kolo </font></td>");
        table.Append("<td style = 'width: 80px; border-right:1px solid #999;' ><font color='black' > Dátum </font></td>");
        table.Append("<td style = 'width: 80px; border-right:1px solid #999;' ><font color='black' > Čas </font></td>");
        table.Append("<td style = 'width: 80px; border-right:1px solid #999;' ><font color='black' > Miesto </font></td>");
        table.Append("<td style = 'width: 100px; border-right:1px solid #999;' ><font color='black' > Domáci </font></td>");
        table.Append("<td style = 'width: 100px; border-right:1px solid #999;' ><font color='black' > Hostia </font ></td>");
        table.Append("<td style = 'width: 100px;' ><font color='black' > Výsledok </font ></td>");
        table.Append("</tr>");

        if (rd.HasRows)
        {
            while (rd.Read())
            {
                table.Append("<tr >");
                table.Append("<td style='border-right:1px solid white;border-radius:0px;' >" + rd[1] + "</td>");
                table.Append("<td style='text-align:center; border-right:1px solid white;'>" + rd[2] + "</td>");
                table.Append("<td style='text-align:center; border-right:1px solid white;'>" + rd[3] + "</td>");
                table.Append("<td style='text-align:center; border-right:1px solid white;'>" + rd[4] + "</td>");
                table.Append("<td style='border-right:1px solid white;'>" + rd[5] + "</td>");
                table.Append("<td style=' border-right:1px solid white;'>" + rd[6] + "</td>");
                table.Append("<td style='border-radius:0px;'>" + rd[7] + "</td>");
                table.Append("</tr>");
            }
        }
        table.Append("</table>");
        Rozpis.Controls.Add(new Literal { Text = table.ToString() });
        rd.Close();
    }
}

Nahoru Odpovědět

14.4.2017 0:25

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.

Nejčastěji vyhledáváné

Diskuze: Dynamický rowspan v HTML tabuľke