vue2_frontend init..

src/views/todo/listView.vue

@@ -1,6 +1,7 @@
 <template>
   <!-- 참조: https://codesandbox.io/s/3v0m1?file=/src/components/board/BoardList.vue -->
   <div>
+    <ListComponent />
     <b-container fluid>
       <b-row>
         <b-col class="border">
@@ -44,7 +45,7 @@
         </b-col>
       </b-row>
       <b-row class="overflow-auto">
-        <b-table-lite
+        <b-table
           ref="selectableTable"
           :items="items"
           :fields="fields"
@@ -117,7 +118,7 @@
               <strong>Loading...</strong>
             </div>
           </template>
-        </b-table-lite>
+        </b-table>
       </b-row>
       <b-row>
         <b-col>
@@ -150,13 +151,13 @@
 <script>
 // 참조 : https://vuejsexamples.com/vuejs-tables-and-select-all-checkbox/
 import axios from 'axios'
-// import ListComponent from '@/components/common/ListComponent.vue'
+import ListComponent from '@/components/common/ListComponent.vue'
 axios.defaults.baseURL = 'http://localhost:3000'
 axios.defaults.headers.post['Content-Type'] = 'application/json;charset=utf-8'
 axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*'
 export default {
   components: {
-    //ListComponent: ListComponent
+    ListComponent
   },
   data: function () {
     return {
@@ -223,7 +224,7 @@ export default {
       search: null, //DB검색
       // 속성옵션
       commonTableAttributes: {
-        stickyHeader: false,
+        stickyHeader: '400px',
         noBorderCollapse: false,
         striped: true,
         hover: true,