jyothsna1803
asked on
How to display horizontal rows
I want to display horizontal rows. Here is my problem description
I am getting rows from the database, Now I want to display values as horizontal rows, means 2 rows as a single row. Assme my record set values are
Row1
Row2
Row2
Row4
Row5
Row6
I want to display output as
Row1 Row4
Row2 Row5
Row3 Row6
Assume my record set values are
Row1
Row2
Row2
Row4
Row5
I want to display output as
Row1 Row4
Row2 Row5
Row3
So I can save lot of space. Any help.
These record set values are dynamic it may return 10..40 rows based on the data
I am getting rows from the database, Now I want to display values as horizontal rows, means 2 rows as a single row. Assme my record set values are
Row1
Row2
Row2
Row4
Row5
Row6
I want to display output as
Row1 Row4
Row2 Row5
Row3 Row6
Assume my record set values are
Row1
Row2
Row2
Row4
Row5
I want to display output as
Row1 Row4
Row2 Row5
Row3
So I can save lot of space. Any help.
These record set values are dynamic it may return 10..40 rows based on the data
ASKER
I am not sure exactly what are you talking about, I asked totally different thing.
@jyothsna1803
How is this a JavaScript question?
It would be helpful to see an example of the data.
@ali_kayahan
Now how do you make the second column? ;)
How is this a JavaScript question?
It would be helpful to see an example of the data.
@ali_kayahan
Now how do you make the second column? ;)
I just couldnt get the question ,
@Kravimir:
<style type="text/css">
.pan{float:left;}
</style>
<div class="pan">Row1<div class="pan">Row3</div></di v>
<div class="pan">Row2<div class="pan">Row4</div></di v>
@Kravimir:
<style type="text/css">
.pan{float:left;}
</style>
<div class="pan">Row1<div class="pan">Row3</div></di
<div class="pan">Row2<div class="pan">Row4</div></di
@jyothsna1803: that what i understand from your question ;
<style type="text/css">
#col{width:200px;float:lef t}
#col .pan{float:left;width:100p x}
</style>
<div id="col">
<div class="pan">Row1</div>
<div class="pan">Row5</div>
<div class="pan">Row2</div>
<div class="pan">Row6</div>
<div class="pan">Row3</div>
<div class="pan">Row7</div>
<div class="pan">Row4</div>
</div>
<style type="text/css">
#col{width:200px;float:lef
#col .pan{float:left;width:100p
</style>
<div id="col">
<div class="pan">Row1</div>
<div class="pan">Row5</div>
<div class="pan">Row2</div>
<div class="pan">Row6</div>
<div class="pan">Row3</div>
<div class="pan">Row7</div>
<div class="pan">Row4</div>
</div>
ASKER
Query: select HospitalName from Hospital
Result:
Lenox Hill Hospital
Burke Rehabilitation Hospital: Physician Referral Service
Bellevue Hospital
Hospital for Special Surgery
Rockefeller University Hospital
New York Presbyterian Hospital: Devereux Richard B MD
New York Presbyterian Hospital-New York Weill Cornell Medical CE: Cornell Medical
Manhattan Eye Ear & Throat Hospital: Children's Hearing Institute
St Vincent's Hospital
I want to display the result in horizontally 2 hospitals.
I am expecting the below result.
Lenox Hill Hospital New York Presbyterian Hospital: Devereux Richard B MD
Burke Rehabilitation Hospital: Physician Referral Service New York Presbyterian Hospital-New York Weill Cornell Medical CE: Cornell Medical
Bellevue Hospital Manhattan Eye Ear & Throat Hospital: Children's Hearing Institute
Hospital for Special Surgery St Vincent's Hospital
Rockefeller University Hospital
I may add or delete the hospital any time, So my table should adjust the results accordingly.
Basically I want to divide the hospitals count by 2 and first set and second set I want to display side by side like above example.
Please help.
Result:
Lenox Hill Hospital
Burke Rehabilitation Hospital: Physician Referral Service
Bellevue Hospital
Hospital for Special Surgery
Rockefeller University Hospital
New York Presbyterian Hospital: Devereux Richard B MD
New York Presbyterian Hospital-New York Weill Cornell Medical CE: Cornell Medical
Manhattan Eye Ear & Throat Hospital: Children's Hearing Institute
St Vincent's Hospital
I want to display the result in horizontally 2 hospitals.
I am expecting the below result.
Lenox Hill Hospital New York Presbyterian Hospital: Devereux Richard B MD
Burke Rehabilitation Hospital: Physician Referral Service New York Presbyterian Hospital-New York Weill Cornell Medical CE: Cornell Medical
Bellevue Hospital Manhattan Eye Ear & Throat Hospital: Children's Hearing Institute
Hospital for Special Surgery St Vincent's Hospital
Rockefeller University Hospital
I may add or delete the hospital any time, So my table should adjust the results accordingly.
Basically I want to divide the hospitals count by 2 and first set and second set I want to display side by side like above example.
Please help.
ASKER
See the document for sample format.
Query.doc
Query.doc
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
.pan{float:left;clear:both
</style>
<div class="pan">Row1</div>
<div class="pan">Row2</div>
<div class="pan">Row3</div>
<div class="pan">Row4</div>