diff --git a/src/frontend/src/components/TabelaDeJogos.vue b/src/frontend/src/components/TabelaDeJogos.vue
index 2fd1763..967905a 100644
--- a/src/frontend/src/components/TabelaDeJogos.vue
+++ b/src/frontend/src/components/TabelaDeJogos.vue
@@ -1,18 +1,39 @@
 <script setup lang="ts">
 import type Jogo from '@/modelo/Jogo';
-import { Column, DataTable } from 'primevue';
+import { Column, DataTable, InputText, type DataTableFilterMeta } from 'primevue';
+import { ref } from 'vue';
 
 defineProps<{
   jogos: Jogo[]
 }>();
+
+const filtros = ref({
+  global: { value: null, matchMode: 'contains' },
+  nome: { value: null, matchMode: 'contains' },
+  loja: { value: null, matchMode: 'in' },
+  estado: { value: null, matchMode: 'contains'}
+} as DataTableFilterMeta );
 </script>
 
 <template>
-  <DataTable :value="jogos" sort-mode="multiple">
-    <Column field="id" sortable header="ID" />
-    <Column field="nome" sortable header="Nome" />
-    <Column field="estado" sortable header="Estado" />
-    <Column field="preco" sortable header="Preço" />
+  <DataTable v-model:filters="filtros" :value="jogos" sort-mode="multiple" data-key="id"
+    filter-display="row" :globalFilterFields="['nome', 'estado', 'loja', 'preco']">
+    
+    <Column field="nome" sortable header="Nome">
+      <template #filter="{ filterModel, filterCallback }">
+        <InputText type="text" v-model="filterModel.value" @input="filterCallback()" />
+      </template>
+    </Column>
+    
+    <Column field="estado" sortable header="Estado">
+    </Column>
+    
+    <Column field="loja" sortable header="Loja">
+    </Column>
+    
+    <Column field="preco" sortable header="Preço">
+    </Column>
+
   </DataTable>
 
 </template>
\ No newline at end of file