StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
14397227
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2013-01-18T10:45:24.083
FavoriteCount
0
LastActivityDate
2013-01-18T10:45:24.083
LastEditDate
2017-05-23T10:28:18.473
LastEditorUserId
-1
OwnerUserId
821057
ParentId
14397096
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<h2>jsfiddle:</h2> <h1><a href="http://jsfiddle.net/pMcmL/6/" rel="nofollow noreferrer">http://jsfiddle.net/pMcmL/6/</a></h1> <h2>HTML:</h2> <pre><code><ul id="sortable"> <li class="ui-state-default"> <span>&#x21C5;</span><input type="text"/>Item 1 </li> <li class="ui-state-default"> <span>&#x21C5;</span><input type="text"/>Item 2 </li> <li class="ui-state-default"> <span>&#x21C5;</span><input type="text"/>Item 3 </li> <li class="ui-state-default"> <span>&#x21C5;</span><input type="text"/>Item 4 </li> <li class="ui-state-default"> <span>&#x21C5;</span><input type="text"/>Item 5 </li> <li class="ui-state-default"> <span>&#x21C5;</span><input type="text"/>Item 6 </li> <li class="ui-state-default"> <span>&#x21C5;</span><input type="text"/>Item 7 </li> </ul> </code></pre> <h2>CSS:</h2> <h3><a href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" rel="nofollow noreferrer">http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css</a></h3> <h1>+</h1> <pre><code>li { margin: 1px; width: 130px; padding:2px; vertical-align:middle; } li span { color: gray; font-size: 1.1em; margin-right: 5px; margin-left: 5px; cursor: pointer; height:100%; } input[type="text"] { width: 32px; margin-right: 5px; border: 1px solid lightgay; color: blue; text-align: center; } </code></pre> <h2>Javascript:</h2> <pre><code>sort_ul = $('#sortable'); // * sortable <ul> itemsCount = $('#sortable li').length; // * total number of items function updateIndexes() { // * function to update $('#sortable li input').each( // items numbering function(i) { $(this).val(i + 1); }); } updateIndexes(); // * start by update items numbering sort_ul.sortable({handle: 'span', // * apply 'sortable' to <ul> stop: function(event, ui){ updateIndexes(); // * when sorting is completed, } // update items numbering }); $('#sortable li input').keyup( // * watch for keyup on inputs function(event) { if (event.keyCode == '13') { // * react only to ENTER press event.preventDefault(); // * stop the event here position = parseInt($(this).val());// * get user 'new position' li = $(this).parent(); // * store current <li> to move if (position >= 1 // * proceed only if && position <= itemsCount){ // 1<=position<=number of items li.effect('drop', function(){ // * hide <li> with 'drop' effect li.detach(); // * detach <li> from DOM if (position == itemsCount) sort_ul.append(li); // * if pos=last: append else // else: insert before position-1 li.insertBefore($('#sortable li:eq('+(position - 1)+')')); updateIndexes(); // * update items numbering li.effect('slide'); // * apply 'slide' effect when in }); // new position }else{ li.effect('highlight'); } // * if invalid position: highlight }}}); </code></pre> <p><a href="https://stackoverflow.com/questions/5685583/sortable-list-ability-to-re-order-each-item-by-inputting-rank">Reference Link</a></p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow to sort a list with two items
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USZaheer Ahmed
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. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. COthanks mate... but something without any library?
  singulars
  PostPostId
  PO
  UserUserId
  USemcee22

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.