Skip to Content

How to make cells in sap.m.table square?

I'm currently implementing an sap.m.table to look like this image:

I've managed to add lines between the columns but I do not know how to get rid of the column header and make the cells square.

Here's the jsbin to what I currently have: https://output.jsbin.com/buculin.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    Jan 16 at 12:30 AM

    Hi Betty,

    Please find https://jsbin.com/nozupawuti/edit?html,css,js,output You can juggle the widths of the columns and then hide the columnheader via CSS.

    Add comment
    10|10000 characters needed characters exceeded

  • Jan 15 at 09:50 PM

    You can force them to be square via CSS properties on them. Adding a new class containing square dimensions which overwrites SAP's default style should do the job. https://help.sap.com/doc/saphelp_uiaddon20/2.05/en-US/72/3f4b2334e344c08269159797f6f796/content.htm?no_cache=true gives more detail on using custom CSS in a UI5 project.

    Regards,

    Erick.

    Add comment
    10|10000 characters needed characters exceeded