May 27, 2011

ASP.Net GridView Column Width Auto Adjust


ASP.Net မှာ Data ေတွကို ြပဖို့ GridView ကိုသုံးြကပါတယ် အဲ့လိုသုံးတဲ့အခါ ြပချင်တဲ့ Data Field ကနည်းနည်းေလးဆို ကိစ္စမရှိေပမယ့် များလာြပီဆို GridView Column Width ေတွချိန်ညှိရတာ တကယ် စိတ်ပျက်စရာပါ။  အခုဟာက Code အနည်းငယ်ထည့်ြပီး Columns ေတွကို Auto Adjust လုပ်ခိုင်းတဲ့ သေဘာပါ။  Code ကလည်း css Code ေလးပါဘဲ။  GridView မှာ လိုအပ်တဲ့ Data ေတွ Bind လုပ်ြပီးြပီဆိုရင် GridView ရဲ့ RowDataBound Event ထဲမှာ ေအာက်ပါ Code ေလးထည့်လိုက်ပါ။

    protected void gvwMyGView_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {
            e.Row.Cells[i].Attributes.Add("style", "white-space:nowrap;");
        }
    }

ASP.Net Server Control တစ်ခုထဲကို Client Code (JavaScript, css, etc) ေတွထည့်ချင်တဲ့အခါ Attributes.Add(key, value) ကိုသုံးပါတယ်။  style ကေတာ့ css style ကိုသုံးမယ် white-space:nowwarp; ကေတာ့ေနာက်တလိုင်းကို မဆင်းခိုင်းတာပါ။  ဒီ Code ေလးထည့်လိုက်တာနဲ့ ကျွန်ေတာ်တို့ GridView မှာရှိတဲ့ Columns ေတွဟာ Auto Adjust ြဖစ်သွားပါေတာ့တယ်။

ကိုစစ်ကိုင်း

0 ခုမှတ်ချက်ေပးထားတယ်။:

Post a Comment