diff --git a/app/views/student_work/_evaluation_title.html.erb b/app/views/student_work/_evaluation_title.html.erb
index b2bf0bd59..950c1660a 100644
--- a/app/views/student_work/_evaluation_title.html.erb
+++ b/app/views/student_work/_evaluation_title.html.erb
@@ -1,14 +1,14 @@
-<table class="hwork-table-wrap">
-  <tr class="b_grey hworkH30" style="border-bottom:1px solid #eaeaea;">
+<table class="hwork-table-wrap" id="homework_table" onmouseenter="<%= @homework.homework_type == 3 ? '' : 'resizeable_table(2,4,1,1)' %>">
+  <tr class="b_grey hworkH30">
     <th class="hworkList30 hworkH30 pl5 pr5">序号</th>
     <th class="hworkList50">&nbsp;</th>
     <% if @homework.homework_type != 3 %>
-        <th class="hworkList260" style="text-align:left;">作品名称</th>
-        <th class="hworkList80">
-          <span class="HomeworkStuTitle f14 fb fl">姓名</span>
+        <th class="hworkList260 hide-text" style="text-align:left;">作品名称</th>
+        <th class="hworkList80 hide-text">
+          <span class="HomeworkStuTitle f14 fb">姓名</span>
         </th>
-        <th class="hworkList80">
-          <span class="HomeworkStuTitle f14 fb fl">学号</span>
+        <th class="hworkList80 hide-text">
+          <span class="HomeworkStuTitle f14 fb">学号</span>
         </th>
     <% elsif @homework.homework_type == 3 && @homework.homework_detail_group.base_on_project == 1 %>
         <th class="hworkList260" style="text-align:left;">作品名称</th>
diff --git a/app/views/student_work/_evaluation_un_title.html.erb b/app/views/student_work/_evaluation_un_title.html.erb
index 1a3220df6..540c5f315 100644
--- a/app/views/student_work/_evaluation_un_title.html.erb
+++ b/app/views/student_work/_evaluation_un_title.html.erb
@@ -1,28 +1,28 @@
-<table class="hwork-table-wrap">
-  <tr class="b_grey hworkH30" style="border-bottom:1px solid #eaeaea;">
+<table class="hwork-table-wrap" id="homework_table" onmouseenter="<%= @homework.homework_type == 3 ? '' : 'resizeable_table(2,4,11,11)' %>">
+  <tr class="b_grey hworkH30">
     <th class="hworkList30 hworkH30 pl5 pr5">序号</th>
     <th class="hworkList50">&nbsp;</th>
     <% if @homework.homework_type != 3 %>
-      <th class="<%= @homework.homework_type == 2 ? 'hworkList80 pr10' : 'hworkList130 pr10'%>" style="text-align:left;">作品名称</th>
-      <th class="<%=@homework.anonymous_comment == 1 ? 'hworkList100' : 'hworkList60'%> pr10">
-      <%= link_to "姓名",@show_all ? student_work_index_path(:homework => @homework.id,:order => "lastname", :sort => @score, :name => @name, :group => @group) : "javascript:void(0)",:class => "c_dark f14 fb fl #{@homework.anonymous_comment == 1 ? 'ml35' : 'ml18'}" ,:remote => true%>
+      <th class="<%= @homework.homework_type == 2 ? 'hworkList80 pl5 pr5 hide-text' : 'hworkList130  pl5 pr5 hide-text'%>" style="text-align:left;">作品名称</th>
+      <th class="<%=@homework.anonymous_comment == 1 ? 'hworkList100' : 'hworkList60'%>  pl5 pr5 hide-text">
+      <%= link_to "姓名",@show_all ? student_work_index_path(:homework => @homework.id,:order => "lastname", :sort => @score, :name => @name, :group => @group) : "javascript:void(0)",:class => "c_dark f14 fb" ,:remote => true%>
       <% if @show_all && @order == "lastname"%>
-          <%= link_to "", student_work_index_path(:homework => @homework.id,:order => "lastname", :sort => @score, :name => @name, :group => @group) ,:class => "#{@score == 'desc' ? 'st_up' : 'st_down'} mt10" ,:remote => true%>
+          <%= link_to "", student_work_index_path(:homework => @homework.id,:order => "lastname", :sort => @score, :name => @name, :group => @group) ,:class => "#{@score == 'desc' ? 'sort_up' : 'sort_down'} float-none" ,:style => "line-height:30px; vertical-align:middle;",:remote => true%>
       <% end%>
     </th>
-    <th class="<%=@homework.anonymous_comment == 1 ? 'hworkList90' : 'hworkList80'%> pr10">
-      <%= link_to "学号",@show_all ? student_work_index_path(:homework => @homework.id,:order => "student_id", :sort => @score, :name => @name, :group => @group) : "javascript:void(0)",:class => "c_dark f14 fb fl ml30" ,:remote => true%>
+    <th class="<%=@homework.anonymous_comment == 1 ? 'hworkList90' : 'hworkList80'%>  pl5 pr5 hide-text">
+      <%= link_to "学号",@show_all ? student_work_index_path(:homework => @homework.id,:order => "student_id", :sort => @score, :name => @name, :group => @group) : "javascript:void(0)",:class => "c_dark f14 fb" ,:remote => true%>
       <% if @show_all && @order == "student_id"%>
-          <%= link_to "", student_work_index_path(:homework => @homework.id,:order => "student_id", :sort => @score, :name => @name, :group => @group) ,:class => "#{@score == 'desc' ? 'st_up' : 'st_down'} mt10" ,:remote => true%>
+          <%= link_to "", student_work_index_path(:homework => @homework.id,:order => "student_id", :sort => @score, :name => @name, :group => @group) ,:class => "#{@score == 'desc' ? 'sort_up' : 'sort_down'} float-none" ,:style => "line-height:30px; vertical-align:middle;",:remote => true%>
       <% end%>
     </th>
     <% elsif @homework.homework_type == 3 && @homework.homework_detail_group.base_on_project == 1 %>
-        <th class="hworkList130 pr10" style="text-align:left;">作品名称</th>
-        <th class="<%=@homework.anonymous_comment == 1 ? 'hworkList220' : 'hworkList160'%>">
+        <th class="hworkList130  pl5 pr5" style="text-align:left;">作品名称</th>
+        <th class="<%=@homework.anonymous_comment == 1 ? 'hworkList210' : 'hworkList160'%>">
           <span class="c_dark f14 fb">关联项目</span>
         </th>
     <% elsif @homework.homework_type == 3 && @homework.homework_detail_group.base_on_project == 0 %>
-        <th class="<%=@homework.anonymous_comment == 1 ? 'hworkList340' : 'hworkList290' %> pr10" style="text-align:left;">作品名称</th>
+        <th class="<%=@homework.anonymous_comment == 1 ? 'hworkList340' : 'hworkList290' %>  pl5 pr5" style="text-align:left;">作品名称</th>
     <% end %>
     <th class="hworkList130">
       <%= link_to "时间",@show_all ? student_work_index_path(:homework => @homework.id,:order => "created_at", :sort => @score, :name => @name, :group => @group) : "javascript:void(0)",:class => "c_dark f14 fb fl ml50" ,:remote => true%>
diff --git a/app/views/student_work/_evaluation_un_work.html.erb b/app/views/student_work/_evaluation_un_work.html.erb
index 688e31451..93c800879 100644
--- a/app/views/student_work/_evaluation_un_work.html.erb
+++ b/app/views/student_work/_evaluation_un_work.html.erb
@@ -12,11 +12,11 @@
           <%= link_to student_work_name,"javascript:void(0)" ,:title => student_work_name, :class => "linkGrey f14 StudentName break_word #{@homework.homework_type == 2 ? '' : 'width165'}"%>
         </div>
       </td>
-        <td class="<%=@homework.anonymous_comment == 1 ? 'hworkStName100' : 'hworkStName'%> pr10 student_work_<%= student_work.id%>" title="<%= student_work.user.show_name%>" onclick="show_student_work('<%= student_work_path(student_work)%>');" style="cursor:pointer;">
+        <td class="<%=@homework.anonymous_comment == 1 ? 'hworkStName100' : 'hworkStName'%> pr10 float-none student_work_<%= student_work.id%>" title="<%= student_work.user.show_name%>" onclick="show_student_work('<%= student_work_path(student_work)%>');" style="cursor:pointer;">
           <%= student_work.user.show_name%>
         </td>
         <td class="<%=@homework.anonymous_comment == 1 ? 'hworkStID90' : 'hworkStID'%> pr10 float-none student_work_<%= student_work.id%>" title="<%= student_work.user.user_extensions.nil? ? "--" : student_work.user.user_extensions.student_id%>" onclick="show_student_work('<%= student_work_path(student_work)%>');" style="cursor:pointer;">
-          <span style="width:80px;" class="hidden fl"><%= student_work.user.user_extensions.nil? ? "--" : student_work.user.user_extensions.student_id%></span>
+          <%= student_work.user.user_extensions.nil? ? "--" : student_work.user.user_extensions.student_id%>
         </td>
   <% elsif @homework.homework_type == 3 && @homework.homework_detail_group.base_on_project == 1 %>
       <td class="hworkName float-none pr10 student_work_<%= student_work.id%> width130" style="cursor: pointer;" onclick="show_student_work('<%= student_work_path(student_work)%>');">
diff --git a/app/views/student_work/index.html.erb b/app/views/student_work/index.html.erb
index d0aa0d329..5d9df57c1 100644
--- a/app/views/student_work/index.html.erb
+++ b/app/views/student_work/index.html.erb
@@ -1,5 +1,6 @@
 <% content_for :header_tags do %>
 <%= javascript_include_tag "/assets/codemirror/codemirror_python_ruby_c"  %>
+<%= javascript_include_tag "resizeable_table"  %>
 <%= stylesheet_link_tag "/assets/codemirror/codemirror" %>
 <% end %>
 
diff --git a/app/views/student_work/index.js.erb b/app/views/student_work/index.js.erb
index 73b94260d..709561f1a 100644
--- a/app/views/student_work/index.js.erb
+++ b/app/views/student_work/index.js.erb
@@ -1,2 +1,3 @@
-$("#homework_student_work_list").html("<%= escape_javascript(render :partial => 'student_work/student_work_list') %>");
-$("#export_student_work").replaceWith("<%= escape_javascript( link_to "导出作业成绩", student_work_index_path(:homework => @homework.id,:order => @order, :sort => @b_sort, :group => @group, :name => @name, :format => 'xls'),:class=>'hworkExport postTypeGrey', :id => 'export_student_work') %>");
\ No newline at end of file
+$("#homework_student_work_list").html("<%= escape_javascript(render :partial => 'student_work/student_work_list') %>");
+$("#export_student_work").replaceWith("<%= escape_javascript( link_to "导出作业成绩", student_work_index_path(:homework => @homework.id,:order => @order, :sort => @b_sort, :group => @group, :name => @name, :format => 'xls'),:class=>'hworkExport postTypeGrey', :id => 'export_student_work') %>");
+$("th").each(function(){$(this).css("width",$(this).width()-1);});
\ No newline at end of file
diff --git a/public/javascripts/resizeable_table.js b/public/javascripts/resizeable_table.js
new file mode 100644
index 000000000..a17fc9109
--- /dev/null
+++ b/public/javascripts/resizeable_table.js
@@ -0,0 +1,83 @@
+/**
+ * Created by ttang on 2016/5/24.
+ */
+    $(document).ready(function(){
+        $("th").each(function(){
+            $(this).css("width",$(this).width()-1);
+        });
+       resizeable_table = function(colS,colE,p1,p2){
+           var headerTds = document.getElementById("homework_table").rows[0].cells;
+           var mousedown = false;
+           var resizeable = false;
+           var targetTd;
+           var screenXStart =0;
+           var tdWidth = 0;
+           var headerWidth = 0;
+           var tblObj = document.getElementById("homework_table");
+           var tblWidth = tblObj.offsetWidth;
+           for(var i = colS;i<colE;i++){
+               addListener(headerTds[i],"mousedown",onmousedown);
+               addListener(headerTds[i],"mousemove",onmousemove);
+               addListener(headerTds[i],"mouseup",onmouseup);
+           }
+
+           function onmousedown(event){
+               if (resizeable == true){
+                   var evt =event||window.event;
+                   mousedown = true;
+                   screenXStart = evt.screenX;
+                   tdWidth = targetTd.offsetWidth;
+                   tdWidth2 = targetTd.nextElementSibling.offsetWidth;
+                   totalWidth = tdWidth + tdWidth2;
+               }
+           }
+           function onmousemove(event){
+               var evt =event||window.event;
+               var srcObj = getTarget(evt);
+               var offsetX = evt.offsetX || (evt.clientX - srcObj.getBoundingClientRect().left);//这个比较关键，解决了Firefox无offsetX属性的问题
+               if (mousedown == true){
+                   var width = (tdWidth + (evt.screenX - screenXStart)) - p1 + "px";//计算后的新的宽度
+                   var width2 = (tdWidth2 - (evt.screenX - screenXStart)) - p2 + "px";
+                   if (parseInt(width)<0  || parseInt(width2)<0 || tdWidth > totalWidth || tdWidth2 > totalWidth){
+                       tartgetTd = null;
+                       resizeable = false;
+                       mousedown = false;
+                   }else{
+                       targetTd.style.width = width;
+                       targetTd.nextElementSibling.style.width = width2;
+                   }
+               }else{
+                   var trObj = tblObj.rows[0];
+                   if(srcObj.offsetWidth - offsetX <=5){//实际改变本单元格列宽
+                       targetTd=srcObj;
+                       resizeable = true;
+                       for(var i = colS;i<colE;i++){
+                           headerTds[i].style.cursor='col-resize';//修改光标样式
+                       };
+                   }else{
+                       resizeable = false;
+                       mousedown = false;
+                       srcObj.style.cursor='default';
+                   }
+               }
+           }
+           function onmouseup(event){
+               tartgetTd = null;
+               resizeable = false;
+               mousedown = false;
+               document.body.style.cursor='default';
+           }
+           document.body.onmouseup = function(event){
+               tartgetTd = null;
+               resizeable = false;
+               mousedown = false;
+               document.body.style.cursor='default';
+           }
+           function getTarget(evt){
+               return evt.target || evt.srcElement;
+           }
+           function addListener(element,type,listener,useCapture){
+               element.addEventListener?element.addEventListener(type,listener,useCapture):element.attachEvent("on" + type,listener);
+           }
+       }
+    });
diff --git a/public/stylesheets/courses.css b/public/stylesheets/courses.css
index 98976d044..6d710b9ec 100644
--- a/public/stylesheets/courses.css
+++ b/public/stylesheets/courses.css
@@ -59,7 +59,7 @@ a:hover.news_foot{ color:#787b7e; border:1px solid #d4d4d4;}
 .hworkList100 {width:100px; text-align:center;}
 .hworkList130 {width:130px; text-align:center;}
 .hworkList160 {width:160px; text-align:center;}
-.hworkList220 {width:220px; text-align:center;}
+.hworkList210 {width:210px; text-align:center;}
 .hworkList260 {width:260px; text-align:left;}
 .hworkList290 {width:290px; text-align:left;}
 .hworkList340 {width:340px; text-align:left;}
@@ -108,8 +108,8 @@ a.hworkSearchIcon:hover {background:url(../images/nav_icon.png) -49px -1px no-re
 .pr10{padding-right: 10px;}
 
 /*20160520作品列表table*/
-.hwork-table-wrap {width:720px; border-collapse:collapse; vertical-align:middle;}
-.hwork-table-wrap th {font-size:14px; color:#2d2d2d;}
+.hwork-table-wrap {width:720px; border-collapse:collapse; vertical-align:middle; table-layout:fixed;}
+.hwork-table-wrap th {font-size:14px; color:#2d2d2d; border:1px solid #e1e1e1;}
 
 /*作业信息*/
 .mt-2 {margin-top:-2px;}
@@ -562,6 +562,8 @@ a.exit { height:24px; display:block; width:80px; color:#000000; background:#c3c3
 .st_box_top  a:hover{ color:#1c9ec7;}
 a.st_up{ display: block; width:8px; float:left; height:13px; background:url(../images/pic_up.png) 0 0 no-repeat; margin-top:5px; margin-left:3px;}
 a.st_down{ display: block; width:8px; float:left; height:13px; background:url(../images/pic_up.png) 0 -22px no-repeat; margin-top:5px; margin-left:3px;}
+a.sort_up{ display: inline-block; width:8px; height:13px; background:url(../images/pic_up.png) 0 0 no-repeat;}
+a.sort_down{ display: inline-block; width:8px; height:13px; background:url(../images/pic_up.png) 0 -22px no-repeat;}
 a.st_img { display:block;width:32px; height:32px; border:1px solid #CCC; padding:1px;}
 a:hover.st_img { border:1px solid #1c9ec7; }
 .st_boxlist{ border-bottom:1px dashed #CCC; height:43px; margin-bottom:10px; }
@@ -1264,7 +1266,7 @@ a:hover.blueCir{ background:#3598db; color:#fff;}
 .tac {text-align:center;}
 .proHelp {background:url(/images/course/hwork_icon.png) -5px -124px no-repeat; display:inline-block; width:15px; height:15px; display:inline-block;}
 .hworkPrName {width:160px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; height:65px; line-height:65px; vertical-align:middle; font-size:12px; color:#888888; text-align:center;}
-.hworkPrName2 {width:220px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; height:65px; line-height:65px; vertical-align:middle; font-size:12px; color:#888888; text-align:center;}
+.hworkPrName2 {width:210px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left; height:65px; line-height:65px; vertical-align:middle; font-size:12px; color:#888888; text-align:center;}
 .mr150 {margin-right:150px;}
 .relatePInfo {text-align: left; position:absolute; background-color:#ffffff; padding:3px 8px; white-space:nowrap; box-shadow:0px 2px 8px rgba(146, 153, 169, 0.5); z-index:999; color:#585858; cursor:pointer; display:none;}
 .captainName {max-width:65px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
diff --git a/public/stylesheets/public.css b/public/stylesheets/public.css
index c44b58b76..f975b5a64 100644
--- a/public/stylesheets/public.css
+++ b/public/stylesheets/public.css
@@ -56,6 +56,7 @@ h4{ font-size:14px; }
 .flow_hidden{ width:300px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
 .white_space{white-space:nowrap;}
 .pr {position:relative;}
+.hide-text {overflow:hidden; white-space:nowrap;}
 
 /* Spacing */
 .ml2{ margin-left:2px;}