Edit template in Blazor Pivot Table control

[Vasyl Shepelyov]

Hello,

Could you please advise if it's possible to change inline edit template for Blazor pivot table?

I need a compact table with decreased row height and narrow columns. I'm able to achieve it in a view mode. 

However in an edit mode, numeric edit control takes too much space, I'd like to make it smaller or remove it and leave just a simple textbox without "up" and "down" buttons.

Is it possible to achieve this?

Thank you in advance.

[Rajeshkannah G]

Hi Vasyl,

You can hide the "up" and "down" icons in the numeric textbox by using the CSS below. Please look at the code example below.

CSS:

<Style>

.sf-pivotview .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon

{

   display : none;

}

</Style>

 

Output Screenshot:

Please let us know if you have any concerns.

Regards,

Rajeshkannah G

[Vasyl Shepelyov]

Hi  Rajeshkannah,

Thank you, it works well. Could you please advise how to decrease a size of edit box? I've already decreased a row height of the pivot table, so it'd be good to decrease the height of the edit box.

Best regards,

Vasyl

[Rajeshkannah G]

Hi Vinyl,

Thank you for your feedback.

You can alter the size of the numeric textbox by using the CSS below. Please look at the code example below.

CSS:

<Style>

    .sf-pivotview .e-numeric.e-control-wrapper.e-input-group .e-numerictextbox.e-input

    {

       height: 15px; //Set your preferred height

    }

</Style>

Output Screenshot:

Please let us know if you have any concerns.

Regards,

Rajeshkannah G

[Vasyl Shepelyov]

Thank you, it works fine.

[Rajeshkannah G]

Hi Vasyl,

You’re welcome, we’re glad to hear it. Please let us know if you have any other queries, we are always happy to assist you.

With regards,

Rajeshkannah Gopalakrishnan.