LosterBoard.vue restore

src/views/LosterBoard.vue

@@ -35,7 +35,7 @@
         <v-text-field xs12 md4 outlined label="검색" v-model="search" prepend-inner-icon="mdi-magnify" single-line hide-details clearable></v-text-field>
       </v-flex>
       <v-flex md12>
-        <material-card color="green" title="실종 게시판" text="제목을 클릭하여 게시글을 확인하세요.">
+        <material-card color="green" title="발견 게시판" text="제목을 클릭하여 게시글을 확인하세요.">
           <v-card :elevation="20" width="300" :shaped="true" v-if="dataLoading" class="mx-auto">
             <v-card-text>
               <strong class="display-3 center">LOADING....</strong>
@@ -46,9 +46,9 @@
             :headers="headers" 
             :items="items" 
             item-key="_id" 
+            loading-text="Loading..."
             :items-per-page="5"
             class="elevation-1"
-            loading
             :search="search">
             <template slot="headerCell" slot-scope="{ header }">
               <span class="subheading font-weight-light text-success text--darken-3" v-text="header.text"/>
@@ -85,9 +85,9 @@
 export default {
   data: () => ({
     headers: [
-      { text: '사진', value: 'img', sortable: false, filterable: false},
-      { text: '제목', value: 'title', sortable: false},
-      { text: '작성자', value: 'writer', sortable: false},
+      { text: '사진', value: 'img', sortable: false, filterable: false, align: 'center'},
+      { text: '제목', value: 'title', sortable: false, align: 'center'},
+      { text: '작성자', value: 'writer', sortable: false, align: 'right'},
       { text: '작성날짜', value: 'created', sortable: false, align: 'right'}
     ],
     items: [],