How can i remove border in pivot table

Answered
Manoranjan Gahana asked on September 2, 2016

The page should look like the screen shot what i have attached in the attachement

3 answers

Public
Iryna Kulchytska Iryna Kulchytska Flexmonster September 2, 2016

Hi,
 
Here is a jsfiddle, that illustrates how to make the component look like the screenshot https://jsfiddle.net/irynakulchytska/n1b7ma54/
 
To remove borders in pivot table cells please add the following CSS:

#fm-grid-view .fm-cell {
  border: 0px !important;
}

If you want to use the web pivot table component without the toolbar, the 6th parameter of flexmonster.embedPivotComponent() function should be omitted or set to false. The 6th parameter withToolbar is for embedding the component with the toolbar or without. The default value is false, which means without the toolbar.
 
Please let me know if the above sample answers your question.
 
Kind regards,
Iryna

Public
Manoranjan Gahana September 2, 2016

Thanks Iryna its working..

Public
Tanya Gryshko Tanya Gryshko Flexmonster December 5, 2016

Hello Manoranjan and all Flexmonster users,
Please note that embedPivotComponent() method was deprecated in version 2.3. You should use $("#pivotContainer").flexmonster() instead. Have a look at our updated sample: https://jsfiddle.net/flexmonster/d6ozrw1q/
Regards,
Tanya

Please login or Register to Submit Answer