Hide value badges in pivot view

Hello,
we want to hide the value badges in the pivot view in the top left corner:


When you have many values it gets rather crowded there and the cell expands very much.
I already achieved to hide the edit icon, sort icon... but I didn't find a possibility to hide the whole badge (except for css but then the grid cell is still big). Is there one? Or can you add this option?

Best regards
Gerd Tautenhahn

5 Replies

SN Sivamathi Natarajan Syncfusion Team May 18, 2020 02:47 PM UTC

Hi Gerd Tautenhahn, 
  
You can hide the values button in the grouping bar using CSS. Please check the following code example to achieve your requirement. 
  
Code Example: 
  
 #PivotView .e-group-values { 
      display: none; 
    } 
  
  
Meanwhile, we have prepared a sample for your reference. Please check the below sample link. 
  
  
Please let us know if you have concern. 
  
Regards, 
Sivamathi. 



GT Gerd Tautenhahn May 19, 2020 12:10 PM UTC

Hello Sivamathi,
I know that I can hide them with CSS (which I have mentioned in my original question).
But if I do this, the cell, in which the buttons are placed is still very big and the row very high. Please look at the following pictures:



I would like to hide the buttons and adjust the row to the original size. I thought that maybe there is an API method. Or do I have to adjust the row height with CSS as well?

Regards,
Gerd Tautenhahn



SN Sivamathi Natarajan Syncfusion Team May 20, 2020 01:49 PM UTC

Hi Gerd Tautenhah, 
 
We have checked the reported problem at our end. But we are unable to reproduce the problem. Meanwhile, we have prepared a sample for your reference. Please check the below sample link and video link for your reference. 
 
 
 
Please let us know if you have concern. 
 
Regards, 
Sivamathi. 



GT Gerd Tautenhahn May 27, 2020 07:30 AM UTC

Okay, I got it working. Thanks for you help.

Regards,
Gerd Tautenhahn


SN Sivamathi Natarajan Syncfusion Team May 28, 2020 05:02 AM UTC

Hi Gerd Tautenhahn, 
 
Thanks for the reply. 
 
Regards, 
Sivamathi. 


Loader.
Up arrow icon