diff --git a/js/components/main.vue b/js/components/main.vue
index a271e99..fb28d35 100644
--- a/js/components/main.vue
+++ b/js/components/main.vue
@@ -7,7 +7,8 @@ var mainWindow = {
             'selectDepartment': '',
             'foundName': "",
             "user": "",
-            'token': ""
+            'token': "", 
+            'is_print': false,
         }
     },
     created() {
@@ -194,6 +195,7 @@ var mainWindow = {
             }
         },
         'generatePic': function () {
+            this.is_print = true;
             html2canvas(document.getElementById('course-table-div')).then(function (canvas) {
                 var a = document.createElement('a');
                 a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
@@ -206,7 +208,10 @@ var mainWindow = {
                 $('#share').modal('show');
             else
                 this.login()
-        }
+        },
+        'enableDelete': function () {
+            this.is_print = !this.is_print;
+        },
     },
     components: {
         'course-table': courseTable,
@@ -249,14 +254,18 @@ var mainWindow = {
         </div>
         <div class="divider-custom">
             <div class="row">
-                <div class="col-4">
+                <div class="col-3">
                     <div v-if="token!=''"><button class="btn btn-danger" @click="saveCourseTable()">儲存</button></div>
                     <div v-if="token==''"><button class="btn btn-danger" @click="saveCourseTable()">儲存(登入FB)</button></div>
                 </div>
-                <div class="col-4">
+                <div class="col-3">
                     <div><button class="btn btn-success" @click="generatePic()">下載圖檔</button></div>
                 </div>
-                <div class="col-4">
+                <div class="col-3">
+                    <div><button class="btn btn-info" v-if="is_print" @click="enableDelete()">可刪除</button></div>
+                    <div><button class="btn btn-info" v-if="!is_print" @click="enableDelete()">不可刪除</button></div>
+                </div>
+                <div class="col-3">
                     <div><button class="btn btn-primary" @click="share()">分享課表</button></div>
                 </div>
             </div>
@@ -291,6 +300,7 @@ var mainWindow = {
                     id="course-table-div"
                     v-bind:selectCourses="selectCourses"
                     v-bind:select_c="selectCourses"
+                    v-bind:is_print="is_print"
                     v-bind:is_shared="false"
                     v-on:remove-course="removeCourse"
                 ></course-table>
diff --git a/js/components/table.vue b/js/components/table.vue
index 936594a..999c6b1 100644
--- a/js/components/table.vue
+++ b/js/components/table.vue
@@ -1,5 +1,5 @@
 var courseDiv = {
-    props: ['course', 'is_shared'],
+    props: ['course', 'is_shared', 'is_print'],
     template: `
         <div style='border: 5px #1abc9c solid; text-align: center;'>
             {{ course.name }}
@@ -7,6 +7,7 @@ var courseDiv = {
                 v-if="!is_shared"
                 v-on:click="$emit('remove-course', course.name)"
                 class="btn btn-danger btn-sm"
+                :style="{'display': is_print ? 'none' : 'inline-block'}"
             >
                 刪
             </button>
@@ -22,7 +23,7 @@ var tempDiv = {
     `
 }
 var courseTable = {
-    props: ['select_c', 'is_shared'],
+    props: ['select_c', 'is_shared', 'is_print'],
     data: function(){
         return {
             'courses': {},
@@ -112,6 +113,7 @@ var courseTable = {
                         v-if="exist(week+String.fromCharCode(97+((hour<5)?(hour-1):(hour-2)))) && !courses[week+String.fromCharCode(97+((hour<5)?(hour-1):(hour-2)))].temp"
                         v-bind:course="courses[week+String.fromCharCode(97+((hour<5)?(hour-1):(hour-2)))]"
                         v-bind:is_shared="is_shared"
+                        v-bind:is_print="is_print"
                         v-on:remove-course="removeCourseHandler"
                     ></course-div>
                     <temp-div