Set Column Size to Auto Fill

4 posts, 0 answers
  1. Eng.Bassel Samman
    Eng.Bassel Samman avatar
    25 posts
    Member since:
    Oct 2008

    Posted 18 Aug 2010 Link to this post

    Dears,
    Is it possible in RadGrid to have column with Auto Fill mode (The column size will be the size of the grid - the sum of other columns sizes). So, this column will occupy all the empty space in the grid.
    I tried the following way, I did not set size of one of RadGrid columns and that worked perfectly, that column ocuppied all empty space in the grid. but this way did not work with all internet explorers and not with all screens resultions, So, is there any more professional way?

    Thanks in Advance
    Best Regards
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 19 Aug 2010 Link to this post

    Hello Bassel,

    The described scenario should work across all browsers if TableLayout="Fixed" for the MasterTableView. If you still have problems, please provide your RadGrid declaration.

    Sincerely yours,
    Dimo
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Eng.Bassel Samman
    Eng.Bassel Samman avatar
    25 posts
    Member since:
    Oct 2008

    Posted 19 Aug 2010 Link to this post

    <telerik:RadGrid ID="grd" runat="server" AutoGenerateColumns="False" GridLines="None" Skin="Office2007" AllowSorting="True">
    <MasterTableView TableLayout="Fixed" EditMode="EditForms" CommandItemStyle-HorizontalAlign="Right" Dir="RTL" DataKeyNames="ID" AllowMultiColumnSorting="false" ClientDataKeyNames="ID">
    <Columns>
    <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" Resizable="False">
    <HeaderStyle Width="35px" />
    <ItemStyle HorizontalAlign="Center" Width="55px" />
    </telerik:GridEditCommandColumn>
    <telerik:GridBoundColumn DataField="L1_NAME" HeaderText="x" UniqueName="grdL1_NAME">
    <HeaderStyle Width="250px"></HeaderStyle>
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn DataField="MR_TYPES_L1_NAME_GNDR" HeaderText="x" UniqueName="grdGENDER" HeaderStyle-Width="60px">
    <HeaderStyle Width="60px"></HeaderStyle>
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn DataField="AGE_L1_NAME" HeaderText="x" UniqueName="grdAGE">
    <HeaderStyle Width="60px"></HeaderStyle>
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn DataField="MR_NAMES_L1_NAME_FMLY" HeaderText="x"                                                        UniqueName="grdMR_NAMES_L1_NAME_FMLY">
    <HeaderStyle Width="110px"></HeaderStyle>
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn DataField="NATIONAL_NO" HeaderText="x" UniqueName="grdNATIONAL_NO">
    <HeaderStyle Width="100px"></HeaderStyle>
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn DataField="EMP_NO" HeaderText="x" UniqueName="grdEMP_NO">
    <HeaderStyle Width="100px"></HeaderStyle>
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn DataField="FOLDER_NO" HeaderText="x" UniqueName="grdFOLDER_NO">
    <HeaderStyle Width="90px"></HeaderStyle>
    </telerik:GridBoundColumn>
    <telerik:GridBoundColumn DataField="HR_DOCS_DOC_NO" HeaderText="x" UniqueName="grdHR_DOCS_DOC_NO">
    <HeaderStyle Width="90px"></HeaderStyle>
    </telerik:GridBoundColumn>
    <telerik:GridDateTimeColumn DataField="START_DATE" UniqueName="grdSTART_DATE" HeaderText="x"
    DataFormatString="{0:yyyy-MM-dd}" HtmlEncode="false">
    <HeaderStyle Width="100px"></HeaderStyle>
    </telerik:GridDateTimeColumn>
    </Columns>
    <EditFormSettings>
    <EditColumn UniqueName="EditCommandColumn1">
    </EditColumn>
    </EditFormSettings>
    <CommandItemStyle HorizontalAlign="Right"></CommandItemStyle>
    </MasterTableView>
    <SortingSettings SortedBackColor="white" EnableSkinSortStyles="false" />
    <HeaderStyle HorizontalAlign="Center" />
    <ClientSettings>
    <Scrolling AllowScroll="True" ScrollHeight="500px" />
    <ClientEvents OnCommand="grd_OnCommand" />
    </ClientSettings>
    </telerik:RadGrid>

    In the pervious declaration you will notice that I gave each column a size in the HeaderStyle, now I want to set the "grdL1_NAME" size to Auto FIll so I removed the HeaderStyle for this column, but this didn't work as I told you. To repreduce the problem please clear HeaderStyle for "grdL1_NAME" column, open the page then double click on the page header to rezize it then you will see that "grdL1_NAME" column isn't visible.
    Thanks in Advance
    Best Regards
  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 19 Aug 2010 Link to this post

    Hi Bassel,

    If I understand you correctly and by "page header"  you mean the browser window titlebar, then the observed behavior is expected.

    http://www.telerik.com/community/forums/aspnet/grid/best-practice-for-grid-and-column-widths.aspx#1214355

    see point (3):

    if the RadGrid resizes together with its parent and you are using static headers, then either set pixel widths to all columns (fixed table layout), or do not set any column widths at all (auto layout). Otherwise when RadGrid shrinks, the columns with no width will be resized to zero width and the users will not see them.

    Greetings,
    Dimo
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top