cancel
Showing results for 
Search instead for 
Did you mean: 

Align multiple tables in a View

Former Member
0 Kudos

Hi Gurus,

I need to align a couple of tables in a View such that all their Column widths are identical. I am constructing the tables dynamically.

I tried using the Column width property, but it doesn't seem to be working.

Can you please suggest some way to implement this?

Thanks for your time.

Anjana R.

Message was edited by:

Anjana Raghav

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
0 Kudos

Hi,

First for the table you have to set the <b>fixedTableLayout</b> property to true.

Then as you mentioned set the column width.

Regards

Ayyapparaj

Former Member
0 Kudos

Hi Ayyapparaj,

Thanks for the suggestion. But, I am creating the tables at runtime. So, I dont see this property on the table.

By applying column width in terms of percentage of the table width, it should be working. But, since I am creating multiple tables, I am not able to make the column width identical in all these tables.

Any ideas how i can do that?

Thanks again.

Anjana R.

Answers (1)

Answers (1)

former_member751941
Active Contributor
0 Kudos

Hi Anjana,

Follow the steps to allign tables.

1> Take a Group Under RootUIElementContainer layout Grid Layout

2> Under Group Take a TransparentContainer(Say TransparentContainer1) layout GridLayout .Under TransparentContainer1 add Table1 and Table2

3> Set TransparentContainer1 colCount property value to 2

4> Under Group Take a TransparentContainer(Say TransparentContainer2) layout GridLayout .Under TransparentContainer2 add Table3,Table4 and Table5

5> Set TransparentContainer2 colCount property value to 3

6> Change the width of the Group and Transparent Container’s to 100% or as you want.

<a href="https://www.sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/0e617bc3-0401-0010-2c82-81f82e73300e">Developing Web Dynpro User Interfaces SAP NetWeaver</a>

Regards,

Mithu

Former Member
0 Kudos

Thanks Mithu. I will try your suggestion.

I may have to use layout.setColCount to 1. Since, each table would be one cell element in a 1x1 Transparent Container.

i need something like this.

table1

col1 col2 col3

table2

col1 col2 col3

table3

col1 col2 col3

Thank You.

Anjana R.