diff --git a/zeppelin-web/app/scripts/controllers/paragraph.js b/zeppelin-web/app/scripts/controllers/paragraph.js
index bb8e19d984f..22d84296398 100644
--- a/zeppelin-web/app/scripts/controllers/paragraph.js
+++ b/zeppelin-web/app/scripts/controllers/paragraph.js
@@ -251,7 +251,13 @@ angular.module('zeppelinWebApp')
     $rootScope.$emit('sendNewEvent', data);
   };
 
+  $scope.downloadParagraph = function(){
 
+    var element = document.createElement('a');
+    element.setAttribute('href', 'data:text/text;charset=utf-8,' +      encodeURI($scope.paragraph.result.msg.replace(/\t/g,",")));
+    element.setAttribute('download', "data.csv");
+    element.click();
+  }
   $scope.runParagraph = function(data) {
     var parapgraphData = {op: 'RUN_PARAGRAPH',
                           data: {
@@ -909,7 +915,6 @@ angular.module('zeppelinWebApp')
         }
       } catch(ignoreErr) {
       }
-
       var chartEl = d3.select('#p'+$scope.paragraph.id+'_'+type+' svg')
           .attr('height', $scope.paragraph.config.graph.height)
           .style('height', height + 'px')
diff --git a/zeppelin-web/app/views/paragraph.html b/zeppelin-web/app/views/paragraph.html
index ef4daaaee1b..75b9b5b9ee3 100644
--- a/zeppelin-web/app/views/paragraph.html
+++ b/zeppelin-web/app/views/paragraph.html
@@ -396,7 +396,9 @@
           ng-click="toggleEditor()"></span>
     <span class="{{paragraph.config.tableHide ? 'icon-notebook' : 'icon-book-open'}}" style="cursor:pointer;" tooltip-placement="top" tooltip="{{(paragraph.config.tableHide ? 'Show' : 'Hide') + ' output'}}"
           ng-click="toggleOutput()"></span>
-
+    <span class="icon-cloud-download" style="cursor:pointer;color:#3071A9" tooltip-placement="top" tooltip="Download data"
+          ng-click="downloadParagraph(getEditorValue())"
+          ng-show="paragraph.status=='FINISHED'"></span>
     <span class="dropdown navbar-right">
       <span class="icon-settings" style="cursor:pointer"
             data-toggle="dropdown"