changes

app/components/datatable/DataTable.vue

@@ -87,6 +87,7 @@
       </thead>
       <tbody>
         <tr
+          v-if="displayData.length"
           v-for="(v, i) in displayData"
           :key="i"
         >
@@ -107,6 +108,14 @@
             <span v-else>{{ v[field.name] }}</span>
           </td>
         </tr>
+        <tr v-else>
+          <td
+            :colspan="displayFields.length"
+            class="fs-14 has-text-centered has-text-grey py-4"
+          >
+            Không tìm thấy kết quả
+          </td>
+        </tr>
       </tbody>
     </table>
     <DatatablePagination