Skip to Content

I am creating custom css file for an application which is containing table in overlay container.

You can check the css properties of table by inspecting element. For that just right- click on that particular control where you want to change css.

/wp-content/uploads/2014/01/table2_371759.png

After that, click on “inspect element”.

You can check the “div”  which you clicked on left-side.

On other side, you can find “styles” tab of that particular div.

/wp-content/uploads/2014/01/table_371761.png

For changing the color of table header,add background property to that class as below.


.sapUiTableColHdrScr {


background:aqua;


}


Add this css property in new css file.


Like this you can change any css property for any control and add that all required css properties in new css file.


You can include that new css file by using below code in your javascript.


“jQuery.sap.includeStyleSheet(css file url,id);”


Here ‘id’ is any general id that you give for any element.


And the final output is


/wp-content/uploads/2014/01/table_371761.png

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply