Hi,
I've got an issue with the ASPxGridView column width in Google Chrome (version 25) when using the filterrow. It is only a problem when editors other than textbox are used in the filtering row. If a dropdown or spinedit is used, these columns seem to take up all available space, making the other columns very narrow.
Take a look at the following page:
http://demos.devexpress.com/ASPxGridViewDemos/Filtering/FilterRow.aspx
In IE and Chrome (<25) the columns are spread out pretty evenly. But if you update Chrome to version 25, or more presicely 25.0.1364.97 m, the problem appears, as you can see from the attached sceenshots (take a look at the category name column). It's even more apparent when having a grid with 100% width, and maximizing the window. Then the columns with textbox filtering are very narrow, and the columns with other editors take up nearly all the space available.
Cheers,
Pieman
ASPxGridView - Column is too wide in Chrome / Fixed in Chrome 52
Answers approved by DevExpress Support
UPDATED #3:
According to the Issue 178369 - chromium - Table cell width is incorrect - Comment 56 comment, this show stopper is resolved in Chrome v52. Feel free to update your browser to get rid of this issue.
UPDATED #2:
Although the main cause is not resolved in Chrome, our developers have managed to find a solution for column sorting. The fix will be available in next official releases. You can get hotfixes for the recent major version in the ASPxGridView - Sorted columns are too wide in Chrome ticket.
The fix does not resolve the problem if Auto Filter Row is visible. Also, layout of other controls like ASPxDateEdit, ASPxCalendar, etc. still can be broken.
UPDATED #1:
This behavior is caused by Chrome browser specifics. Anyway, I want to note that the column width is not set in the Filtering - Filter Row demo. If this issue persists in your real-life project, just specify the desired column width for all grid columns.
I have submitted this issue to the Chrome browser team:
Table cell width is incorrect
To demonstrate that this issue is not related to our controls I have tested the following html code in different browsers (see the attached video):
HTML<table style="width: 800px; border: 1px solid black">
<tr>
<td>
<table style="width: 100%; border: 1px solid blue">
<tr>
<td style="width: 100%; background: red;">
1
</td>
</tr>
</table>
</td>
<td>
<table style="width: 100%;">
<tr>
<td style="width: 100%; background: green;">
2
</td>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
As can you see from the video in Chrome browser this html is rendered incorrectly. I hope this issue would be resolved in the following Chrome browser versions.
Hello Harry,
As we already stated in this ticket, we cannot fix this issue on our side. To resolve the issue when Filter Row is displayed, adjust all grid columns' widths.
Hello Guys
I know this is an old ticket but I have come across this very problem today, for the first time.
And, I have found a solution to the problem.
So, I just thought I'd share it with you all, in case it fixes the problem for somebody else one day.
I had [ASPxGridView1.Settings.UseFixedTableLayout] set to TRUE.
I found that by changing this to FALSE for Chrome, then it resolves the problem.
Ideally I do want this property set to TRUE, but if it has to be FALSE for Chrome then so be it.
I added the following code (VB) to my PageLoad and it now works.
If Request.Browser.Browser = "Chrome" Then
ASPxGridView1.Settings.UseFixedTableLayout = False
Else
ASPxGridView1.Settings.UseFixedTableLayout = True
End If
Hello,
According to the Issue 178369 - chromium - Table cell width is incorrect - Comment 56 comment, this show stopper is resolved in Chrome v52. Feel free to update your browser to get rid of this issue.