Переход на quasar

client/components/Reader/RecentBooksPage/RecentBooksPage.vue

@@ -26,11 +26,15 @@
         > 
             <template v-slot:header="props">
                 <q-tr :props="props">
-                    <q-th class="td-mp" key="num" :props="props"><span v-html="props.cols[0].label"></span></q-th>
-                    <q-th class="td-mp" key="date" :props="props"><span v-html="props.cols[1].label"></span></q-th>
-                    <q-th class="td-mp" key="desc" :props="props" colspan="3">
-                        <span v-html="props.cols[2].label"></span>
+                    <q-th class="td-mp" style="width: 25px" key="num" :props="props"><span v-html="props.cols[0].label"></span></q-th>
+                    <q-th class="td-mp break-word" style="width: 77px" key="date" :props="props"><span v-html="props.cols[1].label"></span></q-th>
+                    <q-th class="td-mp" style="width: 332px" key="desc" :props="props" colspan="4">
+                        <q-input ref="input" outlined dense style="position: absolute; top: 6px; left: 100px; width: 370px" size="10px" bg-color="white"
+                            placeholder="Найти"
+                            v-model="search"
+                        />
 
+                        <span v-html="props.cols[2].label"></span>
                     </q-th>
                 </q-tr>
             </template>
@@ -299,7 +303,7 @@ class RecentBooksPage extends Vue {
         this.$refs.window.init();
 
         this.$nextTick(() => {
-            //this.$refs.input.focus();
+            this.$refs.input.focus();
         });
         (async() => {//подгрузка списка
             if (this.initing)