RadzenDatagrid - ColumnPicker

Djordje · March 30, 2024, 6:06am

I use AllowColumnPicking and it works like I expected but I could not menage to have first field in dropdown with the value "All" like in your example so please what have I missed?

enchev · March 30, 2024, 6:29am

This functionality is available by default unless you have set AllowPickAllColumns to false. Yo can check the code if you have further questions:

github.com

radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenDataGrid.razor#L53


      
                          </div>
                      }
                  </div>
              }
              else
              {
                  <div class="rz-group-header-drop">@GroupPanelText</div>
              }
          }
          
          @if (AllowColumnPicking)
          {
              <div class="rz-column-picker">
                  <RadzenDropDown SelectAllText="@AllColumnsText" AllowSelectAll="@AllowPickAllColumns"
                      MaxSelectedLabels="@ColumnsPickerMaxSelectedLabels" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", SelectVisibleColumnsArialLabel }})"
                      SelectedItemsText="@ColumnsShowingText" Change=@ToggleColumns
                      @bind-Value="@selectedColumns" FilterCaseSensitivity=FilterCaseSensitivity.CaseInsensitive
                      Multiple="true" AllowFiltering="@ColumnsPickerAllowFiltering"
                      Placeholder="@ColumnsText"
                      Data="allPickableColumns"
                      TextProperty="ColumnPickerTitle" />

Djordje · March 30, 2024, 11:26am

Thank you for your answer. I tried but the option looks like it is not recognized so it does not work. I am using the newest version of Radzen components 4.29.1.

Djordje · March 30, 2024, 11:32am

My bad. This is not what I have to set. You are right, I set AllowPickAllColumns to false way before I tried this Pick option. Now it works.
Thank you again.