ASP.NET GridView’de Birden Fazla Sütunda Satır Gösterimi Nasıl Yapılır?

Veri gösterimi, herhangi bir web uygulamasında kritik öneme sahiptir ve ASP.NET bu amaca ulaşmak için çeşitli araçlar sunar. ASP.NET GridView kontrolünün varsayılan işlevselliği, bir veri kümesinden her satırı dikey olarak görüntülemekte olup, bu bazen sayfada boş alan kaybına yol açabilir. Satırları tek bir sütun yerine birden fazla sütunda göstermek istediğiniz durumlarda, bunu nasıl gerçekleştirebileceğinizi merak edebilirsiniz.

Zorluk

Diyelim ki çok sayıda satır içeren bir veri kümeniz var—örneğin, 10 satır. Eğer yalnızca standart bir GridView kullanırsanız, bu satırlar sayfa boyunca birbirinin peşine dizilecektir. Ancak, bunları birden fazla sütunda göstermek, kullanıcı deneyimini artırabilir ve verinizi görsel olarak daha çekici hale getirebilir. Örneğin, iki yan yana sütunda 5 satır göstermek istiyorsanız, karşılaştığınız sorun açıktır: ASP.NET’te varsayılan GridView kontrolüyle bunu nasıl yapabilirsiniz?

Çözüm

ASP.NET GridView, bu düzen için doğrudan tasarlanmamış olsa da kullanabileceğiniz etkili alternatifler bulunmaktadır. Aşağıda, verilerin çok sütunlu bir şekilde sunumunu gerçekleştirmenizi sağlayan iki önerilen kontrol bulunmaktadır.

1. DataList Kontrolünü Kullanma

Satırları birden fazla sütunda göstermek için kolay bir çözüm DataList kontrolünü kullanmaktır. DataList kontrolü, çok sütunlu bir düzeni elde etmenize yardımcı olacak özel bir özelliğe sahiptir:

  • RepeatColumns Özelliği: Bu özellik, öğelerin hangi sayıda sütunda görüntüleneceğini belirlemenizi sağlar.

Bunu uygulamak için şu adımları takip edebilirsiniz:

  • ASP.NET sayfanızda DataList’i tanımlayın.
  • RepeatColumns özelliğini istediğiniz sütun sayısına (örneğin, 2) ayarlayın.
  • DataList’i veri kaynağınıza bağlayın.

Basit bir örnek:

<DataList ID="myDataList" runat="server" RepeatColumns="2">
    <ItemTemplate>
        <%# Eval("YourDataField") %>
    </ItemTemplate>
</DataList>

2. ListView Kontrolünü Kullanma

.NET Framework 3.5 ve sonrasında kullanılanlar için, ListView kontrolü daha fazla esneklik sunan harika bir alternatiftir. Bu kontrol, DataList’ten daha fazla özelleştirme kapasitesine sahip veri bağlama işlemleri gerçekleştirebilir.

ListView’in Avantajları:

  • Şablon Özellikleri: Daha karmaşık öğe şablonları ve düzenleri oluşturmanıza olanak tanır.
  • Veri Bağlama: Listelere kolayca bağlanarak görüntüleme özelleştirmesini basit hale getirir.

ListView kontrolünü uygulama ve yetenekleri hakkında daha fazla bilgi alabilirsiniz buradan.

ListView için Uygulama Adımları

  1. ASP.NET sayfanızda bir ListView kontrolü tanımlayın.
  2. Her bir öğenin görüntülemesi için bir öğe şablonu kullanın.
  3. Veri kaynağınızı ListView’e bağlayın.

Örnek kod parçası:

<ListView ID="myListView" runat="server">
    <ItemTemplate>
        <%# Eval("YourDataField") %>
    </ItemTemplate>
</ListView>

Sonuç

ASP.NET GridView’deki satırları görsel olarak çekici bir çok sütunlu biçime dönüştürmek yalnızca mümkündür; aynı zamanda, DataList ve ListView gibi kontroller kullanılarak kolay bir şekilde gerçekleştirilebilir. Yukarıdaki yönergeleri takip ederek, verinizin sunumunu geliştirebilir, sayfa alanını optimize edebilir ve kullanıcı etkileşimini artırabilirsiniz.

İster basitlik için DataList’i, ister gelişmiş özellikleri için ListView’i tercih edin, her iki seçenek de verileri etkili bir şekilde birden fazla sütunda gösterme sorununa harika çözümler sunmaktadır.