Telerik Grid Generation Dynamic columns creating duplicate columns set.

1 Answer 84 Views
Grid
Jitendra
Top achievements
Rank 1
Iron
Jitendra asked on 08 Jul 2022, 07:53 AM

Hello I am trying to generate Dynamic columns for Telerik Grid it is generating multiple times columns set I want to avoid this please check bellow screen short. 

 

Here is the my code.

<TelerikGrid Data="@SearchConfigs" Resizable="true" Reorderable="true" Groupable="false">
        <GridColumns>
                @foreach (SearchConfig row in SearchConfigs)
                {
                    @foreach (var property in (IDictionary<string, string>)row.SearchFields)
                    {
                        <GridColumn Title="@property.Key">
                            <Template>
                                @property.Value
                            </Template>
                        </GridColumn>
                    }
                }
        </GridColumns>
    </TelerikGrid>

public List<SearchConfig> SearchConfigs { get; set; } = new List<SearchConfig>();

IDictionary<string, string> keyValuePairs = new Dictionary<string, string>
        {
            { "Col1", "Value1" },
            { "Col2", "Value2" },
            { "Col3", "Value3" },
            { "Col4", "Value4" },
            { "Col5", "Value5" },
            { "Col6", "Value6" },
            { "Col7", "Value7" },
            { "Col8", "Value8" },
        };

        SearchConfigs.Add(new SearchConfig { SearchFields = keyValuePairs });
        SearchConfigs.Add(new SearchConfig { SearchFields = keyValuePairs });
        SearchConfigs.Add(new SearchConfig { SearchFields = keyValuePairs });

Could you please help me figure out what is going wrong here?

 

Thank you

1 Answer, 1 is accepted

Sort by
0
Accepted
Jitendra
Top achievements
Rank 1
Iron
answered on 08 Jul 2022, 04:34 PM

Here Is my answer I get it working

<TelerikGridData="@Data"Resizable="true"Reorderable="true"Groupable="false"><GridColumns>@if (Data != null && Data.Any())         {             // this sample uses the first data item to create columns for all keys present in it// which assumes all items have the same keys in them. If this is not your case// you may want to create your own list of column descriptors or any other logic to define the columnsvarfirstItem = LocalData.First();             vardictionaryItem = (IDictionary<stringobject>)firstItem;             varfields = dictionaryItem.Keys;             foreach (varitemindictionaryItem)             {                 if (item.Key.Contains("IsActive"))                 {                     <GridCommandColumnWidth="120px"Locked="true"Title="View Logs"><GridCommandButtonCommand="DetailCommand"OnClick="@DetailCommand_Clicked"ThemeColor="@ThemeConstants.Button.ThemeColor.Primary"Size="@ThemeConstants.Button.Size.Small"FillMode="@ThemeConstants.Button.FillMode.Flat"><spanclass="k-badge k-badge-md k-badge-solid k-badge-rounded k-badge-primary">Detail</span></GridCommandButton></GridCommandColumn>                 }                 else                 {                     <GridColumnField="@item.Key"FieldType="@item.Value.GetType()"></GridColumn>                 }             }         }     </GridColumns></TelerikGrid>

                                                                                                                                                                                       
Tags
Grid
Asked by
Jitendra
Top achievements
Rank 1
Iron
Answers by
Jitendra
Top achievements
Rank 1
Iron
Share this question
or