How to set gridview column width

Posted Date: 18 Jun 2012 Posted By:: Satish Madugundu

Member Level: Silver Member Rank: 789 Points: 2 Responses: 7

Hi
I am unable to set one column with in gridview
I tried this

<ItemStyle Width="20px" />
<HeaderStyle Width="20px" />

but it is not reducing my column with
I want to reduce the column with
how to set this.?

Thanks in Advance
Satish Madugundu

Responses

#675977 Author: Anil Kumar Pandey Member Level: Platinum Member Rank: 1 Date: 18/Jun/2012 Rating: Points: 2
You can set the Width in the Template column as below. `<asp:TemplateField HeaderText="used" SortExpression="used"> <HeaderStyle Width="100" /> <ItemStyle Width="100" />` Thanks & Regards Anil Kumar Pandey Microsoft MVP, DNS MVM

#675978 Author: Rajasekar.K Member Level: Silver Member Rank: 417 Date: 18/Jun/2012 Rating: Points: 4
Hi, Use This GridView, set Width and height For that each Columns ASP Code : <asp:GridView ID="grdStudentCollectionReport" runat="server" CellPadding="5" ForeColor="#333333" GridLines="Both" AutoGenerateColumns="false" ShowFooter="true" OnRowDataBound="grdStudent_RowDataBound" > <AlternatingRowStyle BackColor="White" ForeColor="#284775" /> <EditRowStyle BackColor="#999999" /> <RowStyle HorizontalAlign="Right" /> <FooterStyle BackColor="#c5c5c5" Font-Bold="True" ForeColor="#000000" Height="25px" HorizontalAlign="right"/> <HeaderStyle CssClass="clsReportGridHeader" Font-Size="10" BackColor="#c5c5c5" Font-Bold="True"/> <PagerStyle BackColor="#39afd9" ForeColor="White" HorizontalAlign="Center"/> <Columns> <%--<asp:BoundField DataField ="Id" HeaderText='<%$ Resources:Travels.UIverbiage,Id%>' Visible="false"/>--%> <asp:BoundField DataField="Sl.no" HeaderText="SlNo" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" ItemStyle-Width="70px"/> <asp:BoundField DataField="StudentName" HeaderText="Name" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px"/> <asp:BoundField DataField="School" HeaderText="School" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="left" ItemStyle-Width="70px"/> <asp:BoundField DataField="Address" HeaderText="Address" HeaderStyle-HorizontalAlign="center" ItemStyle-Width="70px" /> <asp:BoundField DataField="Standard" HeaderText="Standard" HeaderStyle-HorizontalAlign="center" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="70px"/> <asp:BoundField DataField="phoneNumber" HeaderText="Phone Number" ItemStyle-Width="70px" /> <asp:BoundField DataField="Amount" HeaderText="Amount" ItemStyle-Width="70px" /> </Columns> <RowStyle BackColor="#F7F6F3" ForeColor="#333333" /> <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /> </asp:GridView> Regards Rajasekar.K 9710638424

#676019 Author: Rajalingam Member Level: Silver Member Rank: 619 Date: 18/Jun/2012 Rating: Points: 4
Hi satish, you set the width="100%" to gridview. after that you equally divided that width and set to each column. For ex: <asp:Gridview width="100%" id="gvTest"> <Columns> <asp:BoundField DataField="Sl.no" HeaderText="SlNo" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" ItemStyle-Width="50%"/> <asp:BoundField DataField="StudentName" HeaderText="Name" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="25%"/> <asp:BoundField DataField="StudentName" HeaderText="Name" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="25%"/> </Columns> </asp:GridView>

#676032 Author: Sunitha Member Level: Silver Member Rank: 883 Date: 18/Jun/2012 Rating: Points: 2
Hi....! Try this <asp:BoundColumn DataField="Name" HeaderText="DisplayName" ItemStyle-Width="15%"> </asp:BoundColumn>

#676067 Author: Ravindran Member Level: Diamond Member Rank: 3 Date: 18/Jun/2012 Rating: Points: 4
Hi, If you are use Item Template then adjust size like below `<asp:TemplateField HeaderText="Employee no"> <ItemTemplate> <%#Eval("eno")%> </ItemTemplate> <ItemStyle Width="150" /> </asp:TemplateField>` If you are use bound field then adjust size like below `<asp:BoundField DataField="eno" HeaderText="Eno" ItemStyle-Width="100" />` Through Server side code `GridView1.Columns[1].ItemStyle.Width = 100;` Regards N.Ravindran Your Hard work never fails

#676285 Author:

Siva Prasad Member Level: Gold Member Rank: 61 Date: 19/Jun/2012 Rating: 2 out of 5

Points: 3


<asp:TemplateField HeaderText="Emp Name" SortExpression="EmpName">
<HeaderStyle Width="20" />
<ItemStyle Width="20" />

for asp:BoundField , You should use ItemStyle-Width="100"
for asp:TemplateField, You should use Width="20"


            <Columns>
                <asp:TemplateField HeaderText="City Id">
                    <ItemTemplate>
                        <asp:LinkButton ID="lnkCities" runat="server" Text='<%#Eval("CityId")%>' ToolTip='<%#Eval("CityId")%>'>LinkButton
                        </asp:LinkButton>
                    </ItemTemplate>
                    <ItemStyle Width="250" />
                </asp:TemplateField>
                <asp:BoundField HeaderText="City Name" DataField="CityName" ItemStyle-Width="500"/>
                <asp:BoundField HeaderText="State Id" DataField="StateId" />
            </Columns>

#676318 Author:

Ultimaterengan

Member Level: Gold Member Rank: 9 Date: 19/Jun/2012 Rating: 2 out of 5

Points: 2

try this example


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
  
     
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server">
        <Columns>
        <asp:TemplateField    HeaderText="Date of Arrival">
                    <EditItemTemplate>
                        <asp:TextBox ID="grvDateofArrival" runat="server" CssClass="txtbox" Text='<%# Bind("DateofArrival") %>'
                            ToolTip="Date of Arrival" Width="86px"></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        
                        <asp:Label ID="grvDateofArrival" runat="server" Text='<%# Bind("DateofArrival") %>'
                            Width="100px"></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
        </Columns>
        </asp:GridView>
         
    </form>
</body>
</html>

Thanks & Regards
G.Renganathan
Nothing is mine ,Everything is yours!!!

http://renganathan1984.blogspot.com/

Post Reply

This thread is locked for new responses. Please post your comments and questions as a separate thread.
If required, refer to the URL of this page in your new post.