change position of table according to another table in mvc

Question

Hi.. I am begginer to asp.net mvc.In my mvc application there are one dropdownlist name ddl1 & three tables names are table1,table2,table3 resp.I have set position of table1 to absolute.
On ddl1 onchange event i have show table1 & hide table2.table1 contain 2 rows & table 2 contain 7 rows.My problem is "I want to show table3 to position regarding table1 & table2".show table3 immmediately after table1 or table2 no space between table1 & table3 OR table2 & table3.
Thanks...

Rohini Shirke · Answer

Hi.. I have show tables vertically.I have got problem because of table1 contain only two rows & table2 contain 7 rows.when table1 will hide & In that place table2 will show then there is no space between table2 & table3.But when table 2 will hide & in That place table1 will show then because of only 2 rows there is space between table1 & table3. I have set position of table1 to absolute hence when table1 will hidetable2 will show exact same place & viceversa.I have got problem only in case of table1 & table3 because of table1 contain minimum rows than table2. Thanks.

Jaganathan Bantheswaran · Answer

Hi You can do that by setting the table's display property to inline-table. Live example: http://jsfiddle.net/Jaganathan/E56ck/4/