We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Grid Values in Upper Case

I want to show all the values in upper case only when using SFDataGrid for displaying the information. Do i have to save in UPPER Case only ?

3 Replies 1 reply marked as answer

SP Sarveswaran Palani Syncfusion Team December 1, 2022 03:40 AM UTC

Hi Mahesh,

Greetings from Syncfusion support.

We cannot change the component actual value to upper case, but we can change the value to upper case by using the below code example.

@using Syncfusion.Blazor.Inputs


<span>two-way binding value @TextValue.ToUpper()</span>


<SfTextBox @bind-Value="@TextValue" CssClass="conversion"></SfTextBox>


<GridColumn Field=@nameof(Order.CustomerID) HeaderText="Customer Name" Width="120">



                var UCase = context as Order;

                <div> @UCase.CustomerID.ToUpper()</div>





@code {

    public string TextValue { getset; } = "Syncfusion";




    .e-control-wrapper.conversion .e-textbox {





Sarveswaran PK

Marked as answer

MA Mahesh December 1, 2022 03:48 AM UTC

Thank you very much for your support, i got it

SG Suganya Gopinath Syncfusion Team December 2, 2022 01:10 PM UTC


We are glad that the provided solution helped to solve the issue.

We are marking this ticket as solved. 

Live Chat Icon For mobile
Up arrow icon