topic Re: Table fields alignment using Row Component in SAP Build in Application Development and Automation Discussions

Table fields alignment using Row Component in SAP Build

nishantbansal91 — Thu, 27 Jun 2024 21:13:12 GMT

Hello team,

I have designed the table via Rows component in SAP Build. I am not able to achieve the alignment.

Below is the screen shot of Component in Build.

Header is outer container and H1 is row component having 6 cells.

Scroll view is for scrolling

Row1 is for Item data.

Re: Table fields alignment using Row Component in SAP Build

Jakub_Roguski — Fri, 28 Jun 2024 07:17:07 GMT

Simply select your row, then on the right hand "Layout", and then you will see cell structure. Click each cell symbol in the row structure picture and define it's width as fixed value. Do the same with your header row.

Please note - the header row will not be aligned with the list rows anyway when the scroll view shows the scroll bar. But at least all the list rows will be aligned with each other.

Re: Table fields alignment using Row Component in SAP Build

nishantbansal91 — Fri, 28 Jun 2024 07:32:23 GMT

Hello @Jakub_Roguski

I tried this option, but the items are not aligned correctly. Is there a way to ensure that any new items added in the future will stay aligned without needing to adjust the percentage values?

Re: Table fields alignment using Row Component in SAP Build

Jakub_Roguski — Fri, 28 Jun 2024 08:14:34 GMT

If the fields in rows are not aligned, first turn on borders around cells. To do this click a cell, go to style, edit the style adding border: solid, 1px, any dark color. This will let you check if cells in rows are aligned or not.

If cells are not aligned, you definitely skipped definition of the width of one or more cells.

But if cells are aligned, this would mean that the cell content is not aligned. In this case click on each text in each cell and set alignment property to either "Left", "Center" or "Right". In the improbable case it still does not work it would mean that your data has white spaces in the displayed text.

If you add a new cell to your row, the new cell has undefined width, so you always have to edit cell widths after adding a new cell in the row. Otherwise the width of the cell will be dynamically set to fit the content.

Re: Table fields alignment using Row Component in SAP Build

nishantbansal91 — Tue, 02 Jul 2024 11:29:10 GMT

Hello Jakub,

Thank you for your inputs. It's really help me. I didn't find the button to accept as solution.

Re: Table fields alignment using Row Component in SAP Build

Jakub_Roguski — Tue, 02 Jul 2024 11:40:04 GMT

If my answer helped, just press the "thumb up" next to it 🙂

I'm happy I could help 🙂