diff --git a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
index a4ce1c6..777a369 100644
--- a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
+++ b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
@@ -19,6 +19,35 @@
   </div>
 
   <div class="table-responsive" id="entities" *ngIf="usuarioExtras && usuarioExtras.length > 0">
+    <form class="ds-form d-inline">
+      <div class="input-group">
+        <div class="col-3">
+          <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
+          <input type="text" name="searchNombreUsuario" placeholder="Buscar por nombre..." [(ngModel)]="searchNombreUsuario" />
+        </div>
+        <div class="col-3">
+          <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
+          <select name="searchEstadoUsuario" id="searchEstadoUsuario" [(ngModel)]="searchEstadoUsuario" style="width: 200px">
+            <option value="" selected="selected" disabled="disabled">Filtrar por estado</option>
+            <option value="">Todos Estados</option>
+            <option value="Active">Activadas</option>
+            <option value="Suspended">Bloqueados</option>
+          </select>
+        </div>
+        <!--<div class="col-3">
+          <div class="input-group-addon "><i class="glyphicon glyphicon-search"></i></div>
+          <select id="categoriaEncuesta"  name="categoriaEncuesta" [(ngModel)]="categoriaEncuesta">
+            <option [ngValue]="null" selected>Filtre por categoría</option>
+            <option
+              *ngFor="let categoriaOption of categoriasSharedCollection; trackBy: trackCategoriaById"
+              [ngValue]="categoriaOption.nombre"    >
+              {{ categoriaOption.nombre }}
+            </option>
+          </select>
+        </div>-->
+      </div>
+    </form>
+
     <table class="table table-striped" aria-describedby="page-heading">
       <thead>
         <tr>
@@ -32,7 +61,13 @@
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let usuarioExtra of usuarioExtras; trackBy: trackId" data-cy="entityTable">
+        <tr
+          *ngFor="
+            let usuarioExtra of usuarioExtras | filter: 'nombre':searchNombreUsuario | filter: 'estado':searchEstadoUsuario;
+            trackBy: trackId
+          "
+          data-cy="entityTable"
+        >
           <td *ngIf="usuarioExtra.user">
             <ul class="listRoles">
               <li *ngFor="let userRole of usuarioExtra.user.authorities">
diff --git a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
index 3588bf3..d87b8cd 100644
--- a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
+++ b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
@@ -17,8 +17,13 @@ export class UsuarioExtraComponent implements OnInit {
   usuarioExtras?: IUsuarioExtra[];
   publicUsers?: IUser[];
   isLoading = false;
+  public searchNombreUsuario: string;
+  public searchEstadoUsuario: string;
 
-  constructor(protected usuarioExtraService: UsuarioExtraService, protected modalService: NgbModal) {}
+  constructor(protected usuarioExtraService: UsuarioExtraService, protected modalService: NgbModal) {
+    this.searchNombreUsuario = '';
+    this.searchEstadoUsuario = '';
+  }
 
   loadPublicUser(): void {
     this.usuarioExtraService
@@ -60,6 +65,8 @@ export class UsuarioExtraComponent implements OnInit {
   }
 
   ngOnInit(): void {
+    this.searchNombreUsuario = '';
+    this.searchEstadoUsuario = '';
     this.loadAll();
   }