21
Views
3
Comments
Solved
Remove Default CSS in Data Grid
Question
Service Studio Version
11.54.76 (Build 63581)

Found the culprit for making my table looks so awkward. Is there a way to remove this "Container"? 

when i tried to edit it says cannot edit a read only file? 

UserImage.jpg
Chin Kai
Solution

Thanks but I managed to get it work with: 

.datagrid-grouppanel { display: none;}


I saw a post which says its not ideal to use ( !important;  } ) as it affects the next user who would have trouble overriding your own css 




2024-08-27 11-35-25
Ajay Anthony

Hello Chin,yes you cannnot edit the theme file of the Grid and also you cannot remove the container since it is from the component.

but you can use the Class in your local theme (in test_CCK) editor and add display none to hide the container; 

  • .datagrid-grouppanel:after { display: none; }

if it didnt work try adding important.

  • .datagrid-grouppanel:after { display: none !important;  }
2025-07-28 06-45-20
Rupesh Patil

hello @Chin Kai 

Try this CSS:

.datagrid-grouppanel:after {    

 -servicestudio-display: none;

}

I hope this helps 

Thanks

UserImage.jpg
Chin Kai
Solution

Thanks but I managed to get it work with: 

.datagrid-grouppanel { display: none;}


I saw a post which says its not ideal to use ( !important;  } ) as it affects the next user who would have trouble overriding your own css 




Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.