Question
1
Replies
874
Views
Intel
Posted: July 31, 2019
Last activity: July 31, 2019
Closed
How to remove border lines and header row
I have a grid inside a grid. I need to remove the border lines and also the header info and display only the table content in the inner grid.
Could someone please help me on how to achieve this.
I tried using the inline options in presentation tab but i still see the border line (onset) being displayed. At present, i dont have any label text defined so the space in reserved for the table header when it gets displayed in the UI.
Hi,
Create a non auto section and place the below styles inside it.
<style>
#gridHeaderTable{
display:none!important;
}
div.gridDefault div.spreadsheet tr.cellCont td.gridCell{
border-left: none!important;
border-top: none!important;
border-right: none !important;
border-bottom: none!important;
}
</style>
2.Embed this non auto section in the section which is having the inner grid.
Do not include it in the main section as it might override the main skin css.