Hello,

I have problems with a datagrid's column width. When I have a long text the column no wrap and extend the width of my columns. Therefore my datagrid goes off the screen. How I control the width of my columns in datagrid? I used <itemstyle Wrap="true"></itemstyle> or I set the width of each column to an specific width but seems not to be working.
Any ideas....

Thanks

<asp:DataGrid ID="MyRepeater" runat="server"
     BackColor="#eeeeee" Width="85%"
     HorizontalAlign="Center"
     Font-Name="Verdana" CellPadding="4"
     Font-Size="10pt" AutoGenerateColumns="False">
    <HeaderStyle BackColor="Black" ForeColor="White" Font-Bold="True" HorizontalAlign="Center" />
    <AlternatingItemStyle BackColor="White"/>
<columns>
<asp:BoundColumn DataField="Fecha" HeaderText="Fecha" SortExpression = "Fecha" ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="Observ" HeaderText="Observaciones" SortExpression = "Observ"></asp:BoundColumn>
<asp:BoundColumn DataField="Estado" HeaderText="Estado" SortExpression = "Estado" ItemStyle-Wrap="False"></asp:BoundColumn>
<asp:BoundColumn DataField="Autor" HeaderText="Autor" SortExpression = "Autor" ItemStyle-Wrap="False"></asp:BoundColumn>
   </columns>
</asp:DataGrid>

The problem I have is that Observ goes widther than should be... It won't wrap my text.

How can I accomplish that?

Gracias

Mi amigo/amiga,
  I copied your datagrid code exactly as you have it here and pasted it into a VS form; what i did was executed a simple SELECT statement that selected a long line of text into each column of your datagrid.

Result:
With the way your code is set up, the datagrid blew off the side of the page since the other 3 columns have wrap set to false, but, the Observ column wrapped just fine. I adjusted this so that all columns wrapped and the datagrid was displayed over 85% of the screen just as it should be.

Here is my code: (.aspx page)

            <asp:DataGrid ID="dg" runat="server" BackColor="#eeeeee" Width="85%" HorizontalAlign="Center"
                Font-Name="Verdana" CellPadding="4" Font-Size="10pt" AutoGenerateColumns="False">
                <AlternatingItemStyle BackColor="White"></AlternatingItemStyle>
                <HeaderStyle Font-Bold="True" HorizontalAlign="Center" ForeColor="White" BackColor="Black"></HeaderStyle>
                <Columns>
                    <asp:BoundColumn DataField="a" SortExpression="Fecha" HeaderText="Fecha">
                        <ItemStyle Wrap="True"></ItemStyle>
                    </asp:BoundColumn>
                    <asp:BoundColumn DataField="b" SortExpression="Observ" HeaderText="Observaciones">
                    <ItemStyle Wrap="true"></ItemStyle>
                    </asp:BoundColumn>
                    <asp:BoundColumn DataField="c" SortExpression="Estado" HeaderText="Estado">
                        <ItemStyle Wrap="True"></ItemStyle>
                    </asp:BoundColumn>
                    <asp:BoundColumn DataField="d" SortExpression="Autor" HeaderText="Autor">
                        <ItemStyle Wrap="True"></ItemStyle>
                    </asp:BoundColumn>
                </Columns>
            </asp:DataGrid>
.vb page:
        Dim sqlcmd As String
        sqlcmd = "SELECT 'this is a very long string so long in fact that i want the text to wrap the datagrid does this work out or does it fail like the p2p member says it does?' as a, 'this is a very long string so long in fact that i want the text to wrap the datagrid does this work out or does it fail like the p2p member says it does?' as b, 'this is a very long string so long in fact that i want the text to wrap the datagrid does this work out or does it fail like the p2p member says it does?' as c, 'this is a very long string so long in fact that i want the text to wrap the datagrid does this work out or does it fail like the p2p member says it does?' as d"
        dt = da.getDataTable(sqlcmd)

        dg.DataSource = dt
        dg.DataBind()

DT is a datatable, the object da is just my custom class that retrieves data from a database.

hth.

--Stole this from a moderator

I will only tell you how to do it, not do it for you.
Unless, of course, you want to hire me to do work for you.

Amigo,

I got the same result as before.It won't wrap the observ data. When I use <ItemStyle Wrap="true"></ItemStyle>for the four Datafields (Fecha,Observ,Estado and Autor) will wrap correctly the following: Fecha,Estado and Autor but not Observ. It will blow off the screen the Observ data... How I can control the Observ data to wrap correctly.

Gracias por tu ayuda.(Thanks for your help)

I got to work Thanks

Sorry I didnt get back to you, but what did the resolution end up being?

--Stole this from a moderator

I will only tell you how to do it, not do it for you.
Unless, of course, you want to hire me to do work for you.

cp75:
What did u do to get it to work...inquiring minds would like to know.

I played around with of the table. I set all the ItemStyle to wrap true.<ItemStyle Wrap="true"></ItemStyle>. Otherwise, If I set just one itemstyle to wrap won't work.

hi machu..just try this in ur code behind

MyGrid.Attributes.Add("style", "table-layout:fixed");

then in HTML View of the gird if you have Label to Display the item in tiemdatbound give style="word-.... : break;"

*.... pls check that, i forgot that , then give column width it will work fine

mathew m mathew - malayalee mankan
<
Smile – It brings a difference...
Dance – Who knows when u won’t be able to?
Cry - Holding those emotions is bad for u…
Laugh – Whatz the point in hiding happiness?
Apologize – You dont want to lose frnds…
Live – coz life is everything u have…!!!!!!!!!!
 />