web-dev-qa-db-fra.com

GridView avec les cellules fusionnées

J'ai besoin d'afficher des données en mode grille avec des lignes fusionnées pour certaines colonnes. Aidez-moi à préparer une vue de grille dans le format défini ci-dessous: enter image description here

Et les données originales provenant de la base de données sont au format ci-dessous: enter image description here

Aidez-moi, s'il vous plaît, à trouver le meilleur moyen de faire cette tâche de manière dynamique et efficace.

c#asp.netgridviewsqldatasource
15
himanshu

Vous devrez utiliser RowSpan.

Référez-vous le code suivant pour cela:

protected void GridView1_DataBound1(object sender, EventArgs e)
{
  for (int rowIndex = GridView1.Rows.Count - 2;
                                     rowIndex >= 0; rowIndex--)
  {
    GridViewRow gvRow = GridView1.Rows[rowIndex];
    GridViewRow gvPreviousRow = GridView1.Rows[rowIndex + 1];
    for (int cellCount = 0; cellCount < gvRow.Cells.Count;
                                                  cellCount++)
    {
     if (gvRow.Cells[cellCount].Text ==
                            gvPreviousRow.Cells[cellCount].Text)
     {
       if (gvPreviousRow.Cells[cellCount].RowSpan < 2)
       {
         gvRow.Cells[cellCount].RowSpan = 2;
       }
       else
       {
        gvRow.Cells[cellCount].RowSpan =
            gvPreviousRow.Cells[cellCount].RowSpan + 1;
       }
       gvPreviousRow.Cells[cellCount].Visible = false;
    }
   }
}

Référence:

https://sites.google.com/site/learning6329/asp-net/gridview-merge-cells

Exemple illustré comme dans la question:

http://marss.co.ua/MergingCellsInGridView.aspx

18
Freelancer

Le moyen le plus simple de fusionner les cellules de la première colonne est comme ci-dessous. Veuillez noter que For Loop doit toujours être itéré en sens inverse.

protected void GridView1_DataBound(object sender, EventArgs e)
    {
        int RowSpan = 2;
        for (int i = GridView1.Rows.Count-2; i >=0 ;i-- )
        {
            GridViewRow currRow = GridView1.Rows[i];
            GridViewRow prevRow = GridView1.Rows[i+1];
            if (currRow.Cells[0].Text == prevRow.Cells[0].Text)
            {
                currRow.Cells[0].RowSpan = RowSpan;
                prevRow.Cells[0].Visible = false;
                RowSpan += 1;
            }
            else
                RowSpan = 2;
        }
    }

Si vous souhaitez fusionner de la même manière les cellules de lignes de toutes les colonnes, vous pouvez utiliser un autre "forloop" dans forloop externe écrit ci-dessus

1
Shridhar Gowda