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

[former_member595374]

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.

[boghyon]

Can you use alternative controls to make it look like the image above? Or do you have to use sap.m.Table?

[former_member595374]

I have to use sap.m.Table. Is it possible to do?

[UxKjaer · Accepted solution]

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.

[former_member599649]

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?... gives more detail on using custom CSS in a UI5 project.

Regards,

Erick.