none
Gridview de kolon uzayıp gidiyor.. ? RRS feed

  • Soru

  • Merhaba arkadaşlar görüldüğü gibi verinin uzunluğuna bağlı olarak log içeriği kolonu uzayıp gidiyor acaba sabitliyemezmiyiz ? 

    yardım edecek arkadaşlar için şunuda belirteyim; 

    HeaderStyle-Width=400px 

    olarak ayarladım ama sorun yinede devam ediyor.. 

    23 Temmuz 2013 Salı 21:50

Yanıtlar

  • Problem, css ile giderildi. GridView için table css i eklendi ve sütunlar için genişlik verildi:

    table {
     table-layout: fixed;
    }
    
    .genislik {
     width: 700px !important;
     overflow: scroll;
    }

    24 Temmuz 2013 Çarşamba 15:52

Tüm Yanıtlar

  • Stil dosyalarınız problem yaratıyor olabilir. HeaderStyle-Width inline stilde genişlik veriyor. Bunun yerine kendi css stilinizi verin. Örnek:

    td {
     width: 200px !important;
    }

    gibi...

    23 Temmuz 2013 Salı 22:01
  • gridview1.Colums[0].Width=10;yazabilirsiniz yada

    //Yada Karakter kisitla diye bir fonksiyon yapıp yazilarin uzun olmasını engelleyin. Evalin içine yazmaniz yeterli olcaktır.Ör:

     public static string UcNoktaKoy(string deger, int MaxLength)
        {
            if (String.IsNullOrWhiteSpace(deger))
            {
                deger = ".....Yok....";
            }
            if (deger.Length >= MaxLength)
            {
                return deger.Substring(0, MaxLength - 3) + "...";
            }
            return deger;
        }


    23 Temmuz 2013 Salı 23:08
  • merhaba, ben biraz yeniyimde visual studio nun hazır template ini kullanıyorum. Ben sizinle style dosyamı burda paylaşıyorum sorunun nerden kaynaklandığını söylerseniz sevinirim..

    body   
    {
        background: #b6b7bc;
        font-size: .80em;
        font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        margin: 0px;
        padding: 0px;
        color: #696969;
     
    }

    a:link, a:visited
    {
        color: #034af3;
    }

    a:hover
    {
        color: #1d60ff;
        text-decoration: none;
        co
    }

    a:active
    {
        color: #034af3;
    }

    p
    {
        margin-bottom: 10px;
        line-height: 1.6em;
        height: 17px;
    }


    .tabloBaslik
    {
        font-family: calibri;
        font-size: large;
        font-weight: bold;
        color: #FF0000;
        right: auto;
        bottom: auto;
        left: auto;
        top: auto;
        display: inherit;
        text-align:center;
    }


    /* HEADINGS   
    ----------------------------------------------------------*/

    h1, h2, h3, h4, h5, h6
    {
        font-size: 1.5em;
        color: #666666;
        font-variant: small-caps;
        text-transform: none;
        font-weight: 200;
        margin-bottom: 0px;
    }

    h1
    {
        font-size: 1.6em;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    h2
    {
        font-size: 1.5em;
        font-weight: 600;
    }

    h3
    {
        font-size: 1.2em;
    }

    h4
    {
        font-size: 1.1em;
    }

    h5, h6
    {
        font-size: 1em;
    }

    /* this rule styles <h1> and <h2> tags that are the 
    first child of the left and right table columns */
    .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
    {
        margin-top: 0px;
    }


    /* PRIMARY LAYOUT ELEMENTS   
    ----------------------------------------------------------*/

    .page
    {
        width: 960px;
        background-color: #fff;
        margin: 20px auto 0px auto;
        border: 1px solid #496077;
    }

    .header
    {
        ;
        margin: 0px;
        padding: 0px;
        background: #4b6c9e;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 171px;
    }

    .header h1
    {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #f9f9f9;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

    .main
    {
        padding: 0px 12px;
        margin: 0px 8px 8px 8px;
        min-height: 420px;
    }

    .leftCol
    {
        padding: 6px 0px;
        margin: 12px 8px 8px 8px;
        width: 200px;
        min-height: 200px;
    }

    .footer
    {
        color: #4e5766;
        padding: 8px 0px 0px 0px;
        margin: 0px auto;
        text-align: center;
        line-height: normal;
    }


    /* TAB MENU   
    ----------------------------------------------------------*/

    div.hideSkiplink
    {
        background-color:#3a4f63;
        width:100%;
        margin-top: 0px;
        height: 76px;
    }

    div.menu
    {
        padding: 4px 0px 4px 8px;
    }

    div.menu ul
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

    div.menu ul li a, div.menu ul li a:visited
    {
        background-color: #465c71;
        border: 1px #4e667d solid;
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 20px;
        text-decoration: none;
        white-space: nowrap;
    }

    div.menu ul li a:hover
    {
        background-color: #bfcbd6;
        color: #465c71;
        text-decoration: none;
    }

    div.menu ul li a:active
    {
        background-color: #465c71;
        color: #cfdbe6;
        text-decoration: none;
    }

    /* FORM ELEMENTS   
    ----------------------------------------------------------*/

    fieldset
    {
        margin: 1em 0px;
        padding: 1em;
        border: 1px solid #ccc;
    }

    fieldset p 
    {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label
    {
        display: block;
    }

    fieldset label.inline 
    {
        display: inline;
    }

    legend 
    {
        font-size: 1.1em;
        font-weight: 600;
        padding: 2px 4px 8px 4px;
    }

    input.textEntry 
    {
        width: 320px;
        border: 1px solid #ccc;
    }

    input.passwordEntry 
    {
        width: 320px;
        border: 1px solid #ccc;
    }

    div.accountInfo
    {
        width: 42%;
    }

    /* MISC  
    ----------------------------------------------------------*/

    .clear
    {
        clear: both;
    }

    .title
    {
        display: block;
        float: left;
        text-align: left;
        width: 601px;
        height: 79px;
        margin-right: 3px;
        margin-top: 0px;
    }

    .loginDisplay
    {
        font-size: 1.1em;
        display: block;
        text-align: right;
        padding: 10px;
        color: White;
        height: 50px;
    }

    .loginDisplay a:link
    {
        color: white;
    }

    .loginDisplay a:visited
    {
        color: white;
    }

    .loginDisplay a:hover
    {
        color: white;
    }

    .failureNotification
    {
        font-size: 1.2em;
        color: Red;
    }

    .bold
    {
        font-weight: bold;
    }

    .submitButton
    {
        text-align: right;
        padding-right: 10px;
    }


    #footerr
    {
        background-color: #000080;
        height: 12px;
        color: #35496A;
    }

    .takip_resim
    {
        width: 80px;
        height:80px;
        margin-top:10px;
        margin-right: 5px;
        margin-left: 5px;
        float:left;
        
    }
    .takip_baslik
    {
        width:350px;
        height:50px;
        padding-top: 30px;
        float:left;
        margin-top:10px;
        margin-right:5px;
        margin-left:5px;
        font-family: Arial, Helvatica, Sans-Serif;
        font-size:12px;
        color:#111111;
    }

    .takip_ilce
    {
        width:100px;
        height:50px;
        padding-top:30px;
        float:left;
        margin-top:10px;
        margin-right:5px;
        margin-left:5px;
        font-family: Arial, Helvatica, Sans-Serif;
        font-size: 12px;
        color: #111111;
        
    }

    .takip_fiyat
    {
        width:100px;
        height:50px;
        padding-top:30px;
        float:left;
        margin-top:10px;
        margin-right:5px;
        margin-left:5px;
        font-family: Arial, Helvatica, Sans-Serif;
        font-size: 12px;
        color: #111111;
        font-weight: bold;
        
    }  
        .takip_btn
        
    {
        width:30px;
        height:60px;
        padding-top:20px;
        float:left;
        margin-top:10px;
        margin-right:5px;
        margin-left:5px;
        
        
    }

    24 Temmuz 2013 Çarşamba 10:08
  • ilk yazdığınızı deneyeyim dedim 

    Gridview1.Colums[0] yazıp noktaya bastığımda width diye birşey çıkmıyor. elle yazdığımda ise kızarıyor width in yazıldığı yer.

    24 Temmuz 2013 Çarşamba 10:11
  • GridView ınızın "Edit Columns" bölümünden ilgili sütunu seçip "Header Style" bölümünden CssClass özelliğine benzersiz bir isi verin (ben "ornek" yazdığınızı varsayıyorum). Daha sonra css dosyanıza:

    .ornek {
      width: 200px !important;
    }

    ifadelerini ekleyin.

    24 Temmuz 2013 Çarşamba 11:54
  • sizin dediğinizi aynen uyguladım. derlemeden önce istediğim pixel e ayalayabiliyoruz fakat çalıştırdıktan sql den veri çektikten sonra veri uzunluğuna göre gridview uzayıp gidiyor başka ne yapabilirim ki.. Bu arada ilgiliniz için çok teşekkür edeirm
    24 Temmuz 2013 Çarşamba 12:17
  • İsterseniz Header Style yerine Item Style da deneyin. Belirttiğiniz değeri geçmemesi gerekir genişlik olarak. Tabi resim gibi bazı bölünemez içerikler varsa o ayrı. Bu durumda css koduna:

    overflow: scroll;

    Ekleyerek kaydırma çubuğu çıkmasını sağlayabilirsiniz. Veya scroll yerine hidden yazarak artan kısmın görünmemesini sağlayabilirsiniz.

    24 Temmuz 2013 Çarşamba 14:26
  • dediğiniz bütün yöntemleri denedim yinede düzelmedi. Acaba teamviewer ile bağlantı versem yardımcı olabilir misiniz ? 
    24 Temmuz 2013 Çarşamba 14:37
  • Profilimden facebook üzerinden mesaj olarak bilgileri gönderin.
    24 Temmuz 2013 Çarşamba 14:39
  • bilgilerimi gönderdim, sanırım diğer mesajlar kısmına düştü..
    24 Temmuz 2013 Çarşamba 14:43
  • Problem, css ile giderildi. GridView için table css i eklendi ve sütunlar için genişlik verildi:

    table {
     table-layout: fixed;
    }
    
    .genislik {
     width: 700px !important;
     overflow: scroll;
    }

    24 Temmuz 2013 Çarşamba 15:52
  • yardımlarınız için tekrar teşekkür ederim..
    24 Temmuz 2013 Çarşamba 15:59