StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POcolumn height of two tables
primarykey
Id
14704886
data
AcceptedAnswerId
14705210
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-02-05T10:09:08.153
FavoriteCount
0
LastActivityDate
2013-02-05T20:30:28.763
LastEditDate
2013-02-05T20:30:28.763
LastEditorUserId
422353
OwnerUserId
2035819
ParentId
0
PostTypeId
1
Score
1
ViewCount
201
LastEditorDisplayName
text
Body
<p>I have two tables side by side, how do i make the the column heights for both tables are identical using jQuery? They both have the same amount of rows. and the content of table is created dynamically. So the height may vary.</p> <pre><code><div class="row"> <div class="span2 pull-left"> <table class="table table-bordered pull-left" id="compare-tbl-1" border="1"> <thead> <th>Column 1</th> </thead> <tbody> <tr> <td>Row1</td> </tr> <tr> <td>Row2</td> </tr> <tr> <td>Row3</td> </tr> <tr> <td>Row4</td> </tr> <tr> <td>Row5</td> </tr> </tbody> </table> </div> <div class="span10 pull-right"> <table class="table table-bordered" id="compare-tbl-2"> <thead> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> <th>Column 4</th> <th>Column 5</th> </thead> <tbody> <tr> <td>Row1 Column1</td> <td>Row1 Column2</td> <td>Row1 Column3</td> <td>Row1 Column4</td> <td>Row1 Column5</td> </tr> <tr> <td>Row2 Column1</td> <td>Row2 Column2</td> <td>Row2 Column3</td> <td>Row2 Column4</td> <td>Row2 Column5</td> </tr> <tr> <td>Row3 Column1</td> <td>Row3 Column2</td> <td>Row3 Column3</td> <td>Row3 Column4</td> <td>Row3 Column5</td> </tr> <tr> <td>Row4 Column1</td> <td>Row4 Column2</td> <td>Row4 Column3</td> <td>Row4 Column4</td> <td>Row4 Column5</td> </tr> <tr> <td>Row5 Column1</td> <td>Row5 Column2</td> <td>Row5 Column3</td> <td>Row5 Column4</td> <td>Row5 Column5</td> </tr> </tbody> </table> </div> </div> </code></pre> <p>Basically, Row1 in table1 must be the same as Row1 in table2, row2 = row2, row3 = row3 and so on. table1 follows table2's height</p> <p>My code is here <a href="http://jsfiddle.net/Q4tLX/8/" rel="nofollow">http://jsfiddle.net/Q4tLX/8/</a> </p>
Tags
<jquery><html><css><html5><twitter-bootstrap>
Title
column height of two tables
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USmadth3
UserOwnerUserId
1. USda-hype
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POcolumn height of two tables
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTDownMod
2. VO
  singulars
  PostPostId
  POcolumn height of two tables
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  POcolumn height of two tables
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.