Question: Changing datagrid's column width

[VB Programmer]

I have a simple datagrid on a webform. (I'm using VB.NET.)

In the page load I get some data, set the .DataSource property of the dg,
then do a .DataBind. The columns are automatically created.

Question: How can I dynamically change the width's of these columns?

Thanks in advance.

[Jon Spivey]

Hi,
you'd need to set autogeneratecol umns to false and then add a column for
each you want, you'll then be able to specify the width for each column -
either directly or throught CSS, eg
<asp:datagrid id="whatever" AutoGenerateCol umns="False" runat="server">
<Columns>
<asp:BoundColum n DataField="some column" Header-Style-Width="60" />
etc...

Jon

"VB Programmer" <gr*********@ go-intech.com> wrote in message
news:Oz******** ******@tk2msftn gp13.phx.gbl...

I have a simple datagrid on a webform. (I'm using VB.NET.)

In the page load I get some data, set the .DataSource property of the dg,
then do a .DataBind. The columns are automatically created.

Question: How can I dynamically change the width's of these columns?

Thanks in advance.

[VB Programmer]

As you suggested I set the autogenerate to false and added my columns. I
went to the property builder and specified a width for each column (in
Properties/Format/Columns). I checked in HTML and it added the Width
variable. But, when I run the page it seems to ignore the width.
Everything is really snug and tight. Also, when I go into edit mode (I have
an Edit, Update, Cancel button), all the columns get equally (very) wide.
I'm not sure how this width is set, but I would like to set this one as
well.

Any ideas?

"Jon Spivey" <jo*******@NOCR APTHANKStiscali .co.uk> wrote in message
news:%2******** **********@TK2M SFTNGP12.phx.gb l...

Hi,
you'd need to set autogeneratecol umns to false and then add a column for
each you want, you'll then be able to specify the width for each column -
either directly or throught CSS, eg
<asp:datagrid id="whatever" AutoGenerateCol umns="False" runat="server">
<Columns>
<asp:BoundColum n DataField="some column" Header-Style-Width="60" />
etc...

Jon

"VB Programmer" <gr*********@ go-intech.com> wrote in message
news:Oz******** ******@tk2msftn gp13.phx.gbl...

I have a simple datagrid on a webform. (I'm using VB.NET.)

In the page load I get some data, set the .DataSource property of the dg, then do a .DataBind. The columns are automatically created.

Question: How can I dynamically change the width's of these columns?

Thanks in advance.

[Jon Spivey]

Hi,
the way I tend to do this is to set a CSS class for the tables and cells -
this way you dont end up with inline styles all over the place. Start by
setting a style for the table itself, eg
..theTable{
width:80%;
font:12px verdana,arial,h elvetica,sans-serif;
border: 1px solid black; }
then set a couple of styles for columns
..theHeader{wid th:20%; }
..wideColumn{ width:60%;}
now build up the grid
<asp:DataGrid ID="TheGrid" Runat="server" AutoGenerateCol umns="False"
CssClass="theTa ble" GridLines="None ">
<Columns>
<asp:BoundColum n DataField="fiel d1" HeaderStyle-CssClass="wideC olumn"
HeaderText="Tex t" />
<asp:BoundColum n DataField="fiel d2" HeaderStyle-CssClass="theHe ader"
HeaderText="Tex t1" />
<asp:BoundColum n DataField="fiel d3" HeaderStyle-CssClass="theHe ader"
HeaderText="Tex t2" />
</Columns>

You can also set seperate classes for the table rows if you want - although
obviously you only need to set width for the headers.

Jon
"VB Programmer" <gr*********@ go-intech.com> wrote in message
news:O6******** ******@TK2MSFTN GP12.phx.gbl...

As you suggested I set the autogenerate to false and added my columns. I
went to the property builder and specified a width for each column (in
Properties/Format/Columns). I checked in HTML and it added the Width
variable. But, when I run the page it seems to ignore the width.
Everything is really snug and tight. Also, when I go into edit mode (I have an Edit, Update, Cancel button), all the columns get equally (very) wide.
I'm not sure how this width is set, but I would like to set this one as
well.

Any ideas?

"Jon Spivey" <jo*******@NOCR APTHANKStiscali .co.uk> wrote in message
news:%2******** **********@TK2M SFTNGP12.phx.gb l...

Hi,
you'd need to set autogeneratecol umns to false and then add a column for
each you want, you'll then be able to specify the width for each column -

either directly or throught CSS, eg
<asp:datagrid id="whatever" AutoGenerateCol umns="False" runat="server">
<Columns>
<asp:BoundColum n DataField="some column" Header-Style-Width="60" />
etc...

Jon

"VB Programmer" <gr*********@ go-intech.com> wrote in message
news:Oz******** ******@tk2msftn gp13.phx.gbl...

I have a simple datagrid on a webform. (I'm using VB.NET.)

In the page load I get some data, set the .DataSource property of the

dg, then do a .DataBind. The columns are automatically created.

Question: How can I dynamically change the width's of these columns?

Thanks in advance.

[John]

I messed with this for a while. It was not very friendly. Sorry for
the sloppy code but it works.
Dim ColNameLen As Integer, x As Integer, DGColLen As Integer,
ColNewWidth(50) As Integer

'Looping through the number of cols in the grid
For x = 0 To DgTableEditor.C olumns.Count - 1

'Capturing the column heading length
iColNameLen = Len(DgTableEdit or.Columns.Item (x).DataField)
'temp variable to store max length
TmpNewWidth = iColNameLen
'Get length of text
DGColLen = Len(RTrim(DgTab leEditor.Column s.Item(x).Text) )
'Compare text length to col name length
If DGColLen > TmpNewWidth Then TmpNewWidth = DGColLen
'Put largest amount in array with corresponding column as
subscript
ColNewWidth(x) = TmpNewWidth

Next 'loop

'Loop through columns and set width accordingly.
For y = 0 To x - 1
DgTableEditor.C olumns.Item(y). Width = ColNewWidth(y) * 125
Next
End Sub

Regards,
John W.

[VB Programmer]

Thanks everyone!

"John" <jo**********@i nfineon.com> wrote in message
news:3b******** *************** ***@posting.goo gle.com...

I messed with this for a while. It was not very friendly. Sorry for
the sloppy code but it works.
Dim ColNameLen As Integer, x As Integer, DGColLen As Integer,
ColNewWidth(50) As Integer

'Looping through the number of cols in the grid
For x = 0 To DgTableEditor.C olumns.Count - 1

'Capturing the column heading length
iColNameLen = Len(DgTableEdit or.Columns.Item (x).DataField)
'temp variable to store max length
TmpNewWidth = iColNameLen
'Get length of text
DGColLen = Len(RTrim(DgTab leEditor.Column s.Item(x).Text) )
'Compare text length to col name length
If DGColLen > TmpNewWidth Then TmpNewWidth = DGColLen
'Put largest amount in array with corresponding column as
subscript
ColNewWidth(x) = TmpNewWidth

Next 'loop

'Loop through columns and set width accordingly.
For y = 0 To x - 1
DgTableEditor.C olumns.Item(y). Width = ColNewWidth(y) * 125
Next
End Sub

Regards,
John W.