ItemStyle.Width doens't adjust the size of a column?

[Greg P.]

I've been looking at this for a while trying to figure out how to change the
column size of a GridView. From my understanding I should be able to set
this property in design time by editing the columns and setting the
itemStyle.width property. When I do this I do not see any changes? The only
way I've been able to work around this is to covert the column into a
templateColumn and edit the width of the label that is generated, which seems
like a hack.

Any ideas why the itemStyle property deosn't seem to be asserting itself?
(look at the "notes" column in the code below)

<aspanel ID="Panel1" runat="server" Height="159px" ScrollBars="Auto"
Width="642px">
<asp:GridView ID="vwEmployee" runat="server" AllowPaging="True"
AllowSorting="True"
AutoGenerateColumns="False" DataKeyNames="EmployeeID"
DataSourceID="dsEmployee" OnRowCreated="vwEmployee_RowCreated">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="Button4" runat="server"
CommandName="Select" Text="Select" Width="61px" /><br />
<asp:Button ID="Button2" runat="server"
CommandName="Update" Text="Update" /><br />
<asp:Button ID="Button3" runat="server"
CommandName="Delete" Text="Delete" Width="60px" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="EmployeeID"
SortExpression="EmployeeID" Visible="False">
<EditItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%#
Eval("EmployeeID") %>'></asp:Label>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label14" runat="server" Text='<%#
Bind("EmployeeID") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="LastName"
SortExpression="Last Name">
<EditItemTemplate>
<asp:TextBox ID="TextBox2" runat="server" Text='<%#
Bind("LastName") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text='<%#
Bind("LastName") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="FirstName"
SortExpression="First Name">
<EditItemTemplate>
<asp:TextBox ID="TextBox3" runat="server" Text='<%#
Bind("FirstName") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label3" runat="server" Text='<%#
Bind("FirstName") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Position"
SortExpression="Title">
<EditItemTemplate>
<asp:TextBox ID="TextBox4" runat="server" Text='<%#
Bind("Title") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label4" runat="server" Text='<%#
Bind("Title") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Title">
<EditItemTemplate>
<asp:TextBox ID="TextBox5" runat="server" Text='<%#
Bind("TitleOfCourtesy") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%#
Bind("TitleOfCourtesy") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Address"
SortExpression="Address">
<EditItemTemplate>
<asp:TextBox ID="TextBox6" runat="server" Text='<%#
Bind("Address") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label6" runat="server" Text='<%#
Bind("Address") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="City" SortExpression="City">
<EditItemTemplate>
<asp:TextBox ID="TextBox7" runat="server" Text='<%#
Bind("City") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label7" runat="server" Text='<%#
Bind("City") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Region"
SortExpression="Region">
<EditItemTemplate>
<asp:TextBox ID="TextBox8" runat="server" Text='<%#
Bind("Region") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label8" runat="server" Text='<%#
Bind("Region") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Zip"
SortExpression="PostalCode">
<EditItemTemplate>
<asp:TextBox ID="TextBox9" runat="server" Text='<%#
Bind("PostalCode") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label9" runat="server" Text='<%#
Bind("PostalCode") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Country"
SortExpression="Country">
<EditItemTemplate>
<asp:TextBox ID="TextBox10" runat="server" Text='<%#
Bind("Country") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label10" runat="server" Text='<%#
Bind("Country") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Phone"
SortExpression="HomePhone">
<EditItemTemplate>
<asp:TextBox ID="TextBox11" runat="server" Text='<%#
Bind("HomePhone") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label11" runat="server" Text='<%#
Bind("HomePhone") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Extension"
SortExpression="Extension">
<EditItemTemplate>
<asp:TextBox ID="TextBox12" runat="server" Text='<%#
Bind("Extension") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label12" runat="server" Text='<%#
Bind("Extension") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Notes" ItemStyle-Width="200px">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%#
Bind("Notes") %>'></asp:TextBox>
</EditItemTemplate>

<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%#
Bind("Notes") %>'></asp:Label>
</ItemTemplate>
<HeaderStyle Width="300px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="ReportsTo"
SortExpression="ReportsTo">
<EditItemTemplate>
<asp:TextBox ID="TextBox13" runat="server" Text='<%#
Bind("ReportsTo") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label13" runat="server" Text='<%#
Bind("ReportsTo") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</aspanel>

Thanks,
Greg

 

[Greg P.]

Here is another simple attempt to no avail.

<asp:BoundField DataField="CompanyName" HeaderText="CompanyName"
SortExpression="CompanyName">
<ItemStyle Width="250px" />

</asp:BoundField>

Thanks again

 

[John Cantley]

I am getting the same crap. I set every width I can find.
<asp:BoundField DataField="Score" HeaderText="Score" ReadOnly="True" >
<ItemStyle Width="300px" />
<ControlStyle Width="300px" />
<HeaderStyle Width="300px" />
</asp:BoundField>

It never changes anything.

Thanks,
John Cantley

 

[Greg P.]

Yeah i hear ya John, I'm hoping to hear something back from MS on this. This
is a managed news group and I still haven't heard anything. I think it is a
bug but I'll wait to hear from MS before assuming that.

 

[Kevin Fernandes]

Hi,
I'll take a stab at this (so I apologize in advance if this isn't right

I would take a look at the aspanel that the grid view is in. It has a
width set at 642px and, in my testing, it seems that with the width set
on a panel control, anything within the panel will try to fit that
width. Given that one of your columns is 300px (half the width of the
panel almost) and the number of other columns listed (sizes of which are
variable) I would guess that the grid view is squeezing itself to fit
the panel width.

Try, removing the width setting on the panel control, this will allow it
to size dynamically, and see if your column widths work then.

Good luck
Kevin F.

 

[Greg P.]

Kevin,

Thanks for the response, unfortunatly this happens when the gridView is not
in a panel also. If I can figure out how I eill attach a copy of my website
with the northwind database included. I was attempting to change the width
of the notes field from the employee table. Let me know what you think.

FYI - ignore the ajax stuff. This was a site I put together to run ajax
with out installing it.

Thanks,
Greg

 

[Kevin Fernandes]

Hi Greg,
The attachment didn't get through (that I can tell), not sure if its my
end or the news group not supporting it.

Sorry my previous suggestion didn't work.

I use a lot of GridViews in my work and I even tried a couple of new
examples when I saw your message but everything seems to work fine for
me. I was only able to repeat the problem you described when I included
the GridView in a panel and the panel had its width set.

There must be something different, possibly our environments that may be
causing this. Here are a couple of more things to look into, just in
case: Is the GridView in some other container object, like a div or
form that has a width set? How about a master page, I have noticed
problems with certain formatting when an item is in a master page. Have
you looked at the generated HTML source to see if the formatting is what
you expect to be generated? Could it be a browser issue? (I am still
using IE 6 and it works fine there). Are you using Skins or other CSS
styles that maybe overriding the width?

I can post a simple example, if you like, that I just tested and know it
works to see if you can get it to work as well. Let me know.

I do agree, that it wold be nice to hear from a Microsoft (or moderator)
person this as well.

Good luck,
Kevin F.

 

[Greg P.]

Kevin,

no luck so far. I created a new website, added the northwind database and a
gridview. I configured the source to show the employee table and still see
the same problem. Here is the HTML; you can see that the td for the "notes"
column (search the text for width) is set to 150. This doesn't change any
thing? I'm curious if you run this page if you see the same thing? I am
using IE7 so that is a possibility, but I've even run it on another co
workers box and saw the same thing in IE6... I have no idea at this point.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
Untitled Page
</title></head>
<body>
<form name="form1" method="post" action="Default.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="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" />
</div> <div> <div> <table cellspacing="0" rules="all" border="1"
id="GridView1"
style="border-collapse:collapse;"> <tr> <th scope="col">EmployeeID</th><th
scope="col">LastName</th><th
scope="col">FirstName</th><th scope="col">Title</th><th
scope="col">TitleOfCourtesy</th><th scope="col">BirthDate</th><th
scope="col">HireDate</th><th scope="col">Address</th><th
scope="col">City</th><th scope="col">Region</th><th
scope="col">PostalCode</th><th scope="col">Country</th><th
scope="col">HomePhone</th><th scope="col">Extension</th><th
scope="col">Notes</th><th scope="col">ReportsTo</th><th
scope="col">PhotoPath</th>
</tr><tr><td>1</td><td>Davolio</td><td>Nancy</td><td>Sales
Representative</td><td>Ms.</td><td>12/8/1948 12:00:00 AM</td><td>5/1/1992
12:00:00 AM</td><td>507 - 20th Ave. E.
Apt. 2A</td><td>Seattle</td><td>WA</td><td>98122</td><td>USA</td><td>(206)
555-9857</td><td>5467</td><td style="width:150px;">Education includes a BA in
psychology from Colorado State University in 1970. She also completed "The
Art of the Cold Call." Nancy is a member of Toastmasters
International.</td><td>2</td><td>http://accweb/emmployees/davolio.bmp</td>
</tr><tr><td>2</td><td>Fuller</td><td>Andrew</td><td>Vice President,
Sales</td><td>Dr.</td><td>2/19/1952 12:00:00 AM</td><td>8/14/1992 12:00:00
AM</td><td>908 W. Capital
Way</td><td>Tacoma</td><td>WA</td><td>98401</td><td>USA</td><td>(206)
555-9482</td><td>3457</td><td style="width:150px;">Andrew received his BTS
commercial in 1974 and a Ph.D. in international marketing from the University
of Dallas in 1981. He is fluent in French and Italian and reads German. He
joined the company as a sales representative, was promoted to sales manager
in January 1992 and to vice president of sales in March 1993. Andrew is a
member of the Sales Management Roundtable, the Seattle Chamber of Commerce,
and the Pacific Rim Importers
Association.</td><td> </td><td>http://accweb/emmployees/fuller.bmp</td>
</tr><tr><td>3</td><td>Leverling</td><td>Janet</td><td>Sales
Representative</td><td>Ms.</td><td>8/30/1963 12:00:00 AM</td><td>4/1/1992
12:00:00 AM</td><td>722 Moss Bay
Blvd.</td><td>Kirkland</td><td>WA</td><td>98033</td><td>USA</td><td>(206)
555-3412</td><td>3355</td><td style="width:150px;">Janet has a BS degree in
chemistry from Boston College (1984). She has also completed a certificate
program in food retailing management. Janet was hired as a sales associate
in 1991 and promoted to sales representative in February
1992.</td><td>2</td><td>http://accweb/emmployees/leverling.bmp</td>
</tr><tr><td>4</td><td>Peacock</td><td>Margaret</td><td>Sales
Representative</td><td>Mrs.</td><td>9/19/1937 12:00:00 AM</td><td>5/3/1993
12:00:00 AM</td><td>4110 Old Redmond
Rd.</td><td>Redmond</td><td>WA</td><td>98052</td><td>USA</td><td>(206)
555-8122</td><td>5176</td><td style="width:150px;">Margaret holds a BA in
English literature from Concordia College (1958) and an MA from the American
Institute of Culinary Arts (1966). She was assigned to the London office
temporarily from July through November
1992.</td><td>2</td><td>http://accweb/emmployees/peacock.bmp</td>
</tr><tr>
<td>5</td><td>Buchanan</td><td>Steven</td><td>Sales
Manager</td><td>Mr.</td><td>3/4/1955 12:00:00 AM</td><td>10/17/1993 12:00:00
AM</td><td>14 Garrett Hill</td><td>London</td><td> </td><td>SW1
8JR</td><td>UK</td><td>(71) 555-4848</td><td>3453</td><td
style="width:150px;">Steven Buchanan graduated from St. Andrews University,
Scotland, with a BSC degree in 1976. Upon joining the company as a sales
representative in 1992, he spent 6 months in an orientation program at the
Seattle office and then returned to his permanent post in London. He was
promoted to sales manager in March 1993. Mr. Buchanan has completed the
courses "Successful Telemarketing" and "International Sales Management." He
is fluent in
French.</td><td>2</td><td>http://accweb/emmployees/buchanan.bmp</td>
</tr><tr>
<td>6</td><td>Suyama</td><td>Michael</td><td>Sales
Representative</td><td>Mr.</td><td>7/2/1963 12:00:00 AM</td><td>10/17/1993
12:00:00 AM</td><td>Coventry House
Miner Rd.</td><td>London</td><td> </td><td>EC2 7JR</td><td>UK</td><td>(71)
555-7773</td><td>428</td><td style="width:150px;">Michael is a graduate of
Sussex University (MA, economics, 1983) and the University of California at
Los Angeles (MBA, marketing, 1986). He has also taken the courses
"Multi-Cultural Selling" and "Time Management for the Sales Professional."
He is fluent in Japanese and can read and write French, Portuguese, and
Spanish.</td><td>5</td><td>http://accweb/emmployees/davolio.bmp</td>
</tr><tr>
<td>7</td><td>King</td><td>Robert</td><td>Sales
Representative</td><td>Mr.</td><td>5/29/1960 12:00:00 AM</td><td>1/2/1994
12:00:00 AM</td><td>Edgeham Hollow
Winchester Way</td><td>London</td><td> </td><td>RG1
9SP</td><td>UK</td><td>(71) 555-5598</td><td>465</td><td
style="width:150px;">Robert King served in the Peace Corps and traveled
extensively before completing his degree in English at the University of
Michigan in 1992, the year he joined the company. After completing a course
entitled "Selling in Europe," he was transferred to the London office in
March 1993.</td><td>5</td><td>http://accweb/emmployees/davolio.bmp</td>
</tr><tr>
<td>8</td><td>Callahan</td><td>Laura</td><td>Inside Sales
Coordinator</td><td>Ms.</td><td>1/9/1958 12:00:00 AM</td><td>3/5/1994
12:00:00 AM</td><td>4726 - 11th Ave.
N.E.</td><td>Seattle</td><td>WA</td><td>98105</td><td>USA</td><td>(206)
555-1189</td><td>2344</td><td style="width:150px;">Laura received a BA in
psychology from the University of Washington. She has also completed a
course in business French. She reads and writes
French.</td><td>2</td><td>http://accweb/emmployees/davolio.bmp</td>
</tr><tr>
<td>9</td><td>Dodsworth</td><td>Anne</td><td>Sales
Representative</td><td>Ms.</td><td>1/27/1966 12:00:00 AM</td><td>11/15/1994
12:00:00 AM</td><td>7 Houndstooth Rd.</td><td>London</td><td> </td><td>WG2
7LT</td><td>UK</td><td>(71) 555-4444</td><td>452</td><td
style="width:150px;">Anne has a BA degree in English from St. Lawrence
College. She is fluent in French and
German.</td><td>5</td><td>http://accweb/emmployees/davolio.bmp</td>
</tr>
</table>
</div>


</div>

<div>

<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED"
value="" />
</div></form>
</body>
</html>

 

[Greg P.]

Kevin,

Found some interesting behavior, the notes column is not close tot he
beginning of the table so i set the visible property for the preceding
columns to false and saw the correct behavior out of the item style.width
property. If you then make the other columns visible again the table get
scrunched.

This makes me think that the minimumn width for a column would be the header
or the longest single word in a column. This seems to be the case, but then
I thought that if it was put into a panel there should not be a problems if
there werer scroll bar options. This is not true, there seems to be a max
width on a window or? Any ideas?

FYI: I did also see the behavior you were speaking of where if you put the
grid in a panel and the width is set the table will be scrunched into the
panel. When I didn't set the width and had the columns visible the table was
still scrunched.

Thanks,
Greg

 

[Kevin Fernandes]

Hi Greg,
I have not had a chance to delve too deeply into this yet but it looks
like some kind of HTML limitation not an ASP.NET limit.

I created a new page and standard table with all the columns you have in
your listing and can repeat the problem in all browsers and editors so far.

I will try some more tonight and let you know what else I might have found.

Thanks,
Kevin F.

Kevin,

no luck so far. I created a new website, added the northwind database and a
gridview. I configured the source to show the employee table and still see
the same problem. Here is the HTML; you can see that the td for the "notes"
column (search the text for width) is set to 150. This doesn't change any
thing? I'm curious if you run this page if you see the same thing? I am
using IE7 so that is a possibility, but I've even run it on another co
workers box and saw the same thing in IE6... I have no idea at this point.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
Untitled Page
</title></head>
<body>
<form name="form1" method="post" action="Default.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="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" />

 

[Greg P.]

Cool, just to confirm, you can reproduce the problem now?

 

[Kevin Fernandes]

Yes I am able to repeat the problem, but I am not sure its the answer
your hoping for.

The problem is with the HTML table itself. I am not sure I can explain
this part properly, maybe someone else with better knowledge can do it,
but I think its something like this.

By not specifying a width for the table its taking an internal (browser)
default value which could be one of two things; fit the columns to the
data (and its specified width if any), column headers dictate minimum
width as long as the width of all columns is < 100% of the container; or
table width is 100%, which ever is smaller. As I said, I probably do
not have the correct explanation for this, so hopefully someone else can
explain it better.

In your case, at least, the case you sent as plain HTML, there are more
columns in the table than can possibly fit the width of the browser
window (or the containing HTML object i.e. DIV) so its defaulting the
table width to 100%, ignoring specified column widths, and sizing the
columns to their smallest possible fit (typically the header size). I
removed most of the columns from your example and was able to get the
column sizing to work correctly. As soon as I added enough columns to
make the table larger than the browser window, the specified column
sizes were ignored.

So you have a few options (there are probably more);
1. Eliminate columns from the GridView that you don't need, to reduce
the overall table width (an identity column for instance or employee ID
if its not needed).
2. Specify a large width for the GridView, I used 300% on your table,
which worked to get your specified column sizes but may not give you the
overall result you want.
3. Re-design this view differently, such as a master-detail type view.
You would specify the minimum number of columns in the GridView then
selecting an item in the GridView would display a DetailsView either on
the same or new page, showing all of the detailed information.

I typically use master-detail view, showing 3 or 4 columns of
information with a select button which brings up a detail view of the
information.

Sorry for the long-winded response but I hope this helps you out,
Kevin F.

 

[Greg P.]

Kevin,

I completely agree and have come to the same sort of conclustion. Your idea
to set the table size to 300% was the eye opener that really helped
illustrate the limitations of an html table. My original assumption was that
if you put the table in a panel and activated the scroll bars that there
should not be a limitation on the width. Thanks for all of your time and
thought into this and I know I learned something, hopefully you did also.

Ciao,
Greg P

 

[Brett]

Hey Folks:

I would like to bump this. Did anyone ever figure the means to get
ControlStyle-Width to work properly. I've tried all sorts of combinations
and my gridview seems to want to do its own thing, regardless.

Thanks

 

[Paul Shapiro]

Here's what I've used in a GridView for other style-related settings. I
don't understand why the setting seems to be repeated in the BoundField
element and again in separate HeaderStyle and ItemStyle elements, but that's
how the code was written when I entered the design-time Property settings.
<asp:BoundField DataField="OrderNum" HeaderText="Order #"
SortExpression="OrderNum"
HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" >
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
<ItemStyle HorizontalAlign="Center"></ItemStyle>
</asp:BoundField>

I'm not sure it would work the same in a GridView, but here's what set the
textbox width in a DetailsView control.
<asp:BoundField DataField="attributeName" HeaderText="Attribute Label"
SortExpression="attributeName">
<controlstyle width="250px" /> </asp:BoundField>