- SAP Managed Tags:
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.
- SAP Managed Tags:
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.
- SAP Managed Tags:
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.
