diff --git a/rhodecode/templates/journal/journal.html b/rhodecode/templates/journal/journal.html
--- a/rhodecode/templates/journal/journal.html
+++ b/rhodecode/templates/journal/journal.html
@@ -42,39 +42,33 @@
         <!-- end box / title -->
         <div id="my" class="table">
             %if c.user_repos:
-            <table>
-            <thead>
-                <tr>
-                <th class="left">${_('Name')}</th>
-                <th class="left">${_('revision')}</th>
-                <th colspan="2" class="left">${_('action')}</th>            
-            </thead>
+            <div id='repos_list_wrap' class="yui-skin-sam">
+            <table id="repos_list">
+             <thead>
+                  <tr>
+                  <th></th>
+                  <th class="left">${_('Name')}</th>
+                  <th class="left">${_('Tip')}</th>
+                  <th class="left">${_('Action')}</th>
+                  <th class="left">${_('Action')}</th>            
+             </thead>
              <tbody>
+                 <%namespace name="dt" file="/_data_table/_dt_elements.html"/>
                  %for repo in c.user_repos:
                     <tr>
+                        ##QUICK MENU
+                        <td class="quick_repo_menu">
+                          ${dt.quick_menu(repo['name'])}
+                        </td>
+                        ##REPO NAME AND ICONS
+                        <td class="reponame">
+                          ${dt.repo_name(repo['name'],repo['dbrepo']['repo_type'],repo['dbrepo']['private'],repo['dbrepo_fork'].get('repo_name'))}
+                        </td>
+                        ##LAST REVISION
                         <td>
-                         %if repo['dbrepo']['repo_type'] =='hg':
-                           <img class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url('/images/icons/hgicon.png')}"/>
-                         %elif repo['dbrepo']['repo_type'] =='git':
-                           <img class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url('/images/icons/giticon.png')}"/>
-                         %else:
-                           
-                         %endif                     
-                         %if repo['dbrepo']['private']:
-                            <img class="icon" alt="${_('private')}" src="${h.url('/images/icons/lock.png')}"/>
-                         %else:
-                            <img class="icon" alt="${_('public')}" src="${h.url('/images/icons/lock_open.png')}"/>
-                         %endif
-                                                         
-                        ${h.link_to(repo['name'], h.url('summary_home',repo_name=repo['name']),class_="repo_name")}
-                        %if repo['dbrepo_fork']:
-                            <a href="${h.url('summary_home',repo_name=repo['dbrepo_fork']['repo_name'])}">
-                            <img class="icon" alt="${_('public')}"
-                            title="${_('Fork of')} ${repo['dbrepo_fork']['repo_name']}" 
-                            src="${h.url('/images/icons/arrow_divide.png')}"/></a>
-                        %endif                  
-                        </td> 
-                        <td><div class="tooltip" title="${repo['last_change']}"><pre>${("r%s:%s") % (repo['rev'],h.short_id(repo['tip']))}</pre></div></td>
+                            ${dt.revision(repo['name'],repo['rev'],repo['tip'],repo['author'],repo['last_msg'])}  
+                        </td>
+                        ##
                         <td><a href="${h.url('repo_settings_home',repo_name=repo['name'])}" title="${_('edit')}"><img class="icon" alt="${_('private')}" src="${h.url('/images/icons/application_form_edit.png')}"/></a></td>
                         <td>
                           ${h.form(url('repo_settings_delete', repo_name=repo['name']),method='delete')}
@@ -85,6 +79,7 @@
                  %endfor
              </tbody>
              </table>
+             </div>
              %else:
                 <div style="padding:5px 0px 10px 0px;">
                 ${_('No repositories yet')} 
@@ -147,14 +142,15 @@
     </div>
     
     <script type="text/javascript">
+    
     YUE.on('show_my','click',function(e){
         YUD.setStyle('watched','display','none');
         YUD.setStyle('my','display','');
         var nodes = YUQ('#my tr td a.repo_name');
         var target = 'q_filter';
         var func = function(node){
-            return node.parentNode.parentNode;
-        }
+            return node.parentNode.parentNode.parentNode.parentNode;
+        }        
         q_filter(target,nodes,func);        
         YUE.preventDefault(e);
     })
@@ -172,6 +168,50 @@
     YUE.on('refresh','click',function(e){
         ypjax(e.currentTarget.href,"journal",function(){show_more_event();tooltip_activate();});
         YUE.preventDefault(e);
-    })
+    });
+    
+
+    // main table sorting
+    var myColumnDefs = [
+        {key:"menu",label:"",sortable:false,className:"quick_repo_menu hidden"},
+        {key:"name",label:"${_('Name')}",sortable:true,
+            sortOptions: { sortFunction: nameSort }},
+        {key:"tip",label:"${_('Tip')}",sortable:true,
+            sortOptions: { sortFunction: revisionSort }},
+        {key:"action1",label:"",sortable:false},
+        {key:"action2",label:"",sortable:false},
+    ];
+
+    var myDataSource = new YAHOO.util.DataSource(YUD.get("repos_list"));
+    
+    myDataSource.responseType = YAHOO.util.DataSource.TYPE_HTMLTABLE;
+    
+    myDataSource.responseSchema = {
+        fields: [
+            {key:"menu"},
+            {key:"name"},
+            {key:"tip"},
+            {key:"action1"},
+            {key:"action2"}
+        ]
+    };
+
+    var myDataTable = new YAHOO.widget.DataTable("repos_list_wrap", myColumnDefs, myDataSource,
+            {
+             sortedBy:{key:"name",dir:"asc"},
+             MSG_SORTASC:"${_('Click to sort ascending')}",
+             MSG_SORTDESC:"${_('Click to sort descending')}"
+            }
+    );
+    myDataTable.subscribe('postRenderEvent',function(oArgs) {
+        tooltip_activate();
+        quick_repo_menu();
+        var func = function(node){
+            return node.parentNode.parentNode.parentNode.parentNode;
+        }        
+        q_filter('q_filter',YUQ('#my tr td a.repo_name'),func);
+    });      
+    
+    
     </script>    
 </%def>