diff --git a/app/helpers/home_helper.rb b/app/helpers/home_helper.rb
index 21df71e..21955d2 100644
--- a/app/helpers/home_helper.rb
+++ b/app/helpers/home_helper.rb
@@ -48,9 +48,9 @@ module HomeHelper
         return html
     end
 
-    def disk_usage_table(dir = @current_dir)
+    def disk_usage_table(dir = @current_dir, id = "disk_usage_table")
         html = String.new
-        html << "<table class='' style='width:100%'>"
+        html << "<table id='#{id}' class='' style='width:100%'>"
         html << "<tr>"
         html << "<th style='width:37%;'>"
         html << "<p>Chart</p>"
@@ -61,9 +61,9 @@ module HomeHelper
         html << "<p class=''>Usage</p></div>"
         html << "</th></tr>"
         html << "<tr>"
-        html << "<td><canvas id='disk_usage_canvas' height='140' width='140' style='margin: 15px 10px 10px 0'></canvas></td>"
+        html << "<td><canvas id='#{id}_canvas' height='140' width='140' style='margin: 15px 10px 10px 0'></canvas></td>"
         html << "<td>"
-        html << "<table class='tile_info'>"
+        html << "<table class='#{id}_tile_info'>"
 
         get_du(dir).each_with_index do |file, index|
             color = ['blue', 'green', 'red', 'purple', 'grey'][index % 5]
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 6edd6a3..20b8d9c 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -282,7 +282,7 @@ function draw_chart(du){
 		hoverBackgroundColor.push(colors[i % 5]);
 	}
 
-	new Chart(document.getElementById("disk_usage_canvas"), {
+	new Chart(document.getElementById("disk_usage_table_canvas"), {
 		type: 'doughnut',
 		tooltipFillColor: "rgba(51, 51, 51, 0.55)",
 		data: {
@@ -298,7 +298,10 @@ function draw_chart(du){
 }
 
 $(document).ready(function() {
-	$('#file_manager_table').dataTable( {"bSort": false});
+	$('#file_manager_table').dataTable( {
+		"bFilter": false,
+		"bSort": false
+	});
 
 	var options = {
 		legend: false,
@@ -317,7 +320,7 @@ $(document).ready(function() {
 	hoverBackgroundColor.push(colors[<%= index %> % 5]);
 	<% end %>
 
-	new Chart(document.getElementById("disk_usage_canvas"), {
+	new Chart(document.getElementById("disk_usage_table_canvas"), {
 		type: 'doughnut',
 		tooltipFillColor: "rgba(51, 51, 51, 0.55)",
 		data: {
@@ -350,11 +353,14 @@ $(document).on("click", "#file_manager_div .chdir", function(){
 		success  : function(result){
 			$("#current_dir").val(next_dir);
 			$("#file_manager_div").empty();
-			$("#file_manager_div").append(result.file_manager_table);
 			$("#disk_usage_div").empty();
+			$("#file_manager_div").append(result.file_manager_table);
 			$("#disk_usage_div").append(result.disk_usage_table);
 
-			$('#file_manager_table').dataTable( {"bSort": false});
+			$('#file_manager_table').dataTable( {
+				"processing" : true,  // show indicator
+				"bSort": false
+			});
 			draw_chart(result.du);
 		}
 	})
@@ -376,11 +382,14 @@ $(document).on("click", "#file_manager_div .chupper", function(){
 		success  : function(result){
 			$("#current_dir").val(next_dir);
 			$("#file_manager_div").empty();
-			$("#file_manager_div").append(result.file_manager_table);
 			$("#disk_usage_div").empty();
+			$("#file_manager_div").append(result.file_manager_table);
 			$("#disk_usage_div").append(result.disk_usage_table);
 
-			$('#file_manager_table').dataTable( {"bSort": false});
+			$('#file_manager_table').dataTable( {
+				"processing" : true,  // show indicator
+				"bSort": false
+			});
 			draw_chart(result.du);
 		}
 	})
@@ -398,8 +407,8 @@ $(document).on("click", "#file_manager_div .rmdir", function(){
 			success  : function(result){
 				$("#current_dir").val(current_dir);
 				$("#file_manager_div").empty();
-				$("#file_manager_div").append(result.file_manager_table);
 				$("#disk_usage_div").empty();
+				$("#file_manager_div").append(result.file_manager_table);
 				$("#disk_usage_div").append(result.disk_usage_table);
 
 				$('#file_manager_table').dataTable( {"bSort": false});