ing

@overflow/target/component/target-filter.component.html

@@ -1 +1,19 @@
-<div>filter</div>
+<div class="ui-g ui-fluid">
+  <!--<input type="text" pInputText placeholder="Search..." [(ngModel)]="filterWord" (keyup)="onSearch($event)">-->
+  <div class="ui-g-12 ui-md-10">
+    <div class="ui-inputgroup">
+      <input type="text" pInputText placeholder="Keyword" >
+      <button pButton type="button" label="Search"></button>
+    </div>
+  </div>
+
+  <div class="ui-g">
+    <!--<div *ngFor="let targetStatus of targetStatusList">-->
+      <!--<p-toggleButton offLabel="{{targetStatus.key}}" onLabel="{{targetStatus.key}}" [style]="{'width':'100px'}" (onChange)="onTargetStatus($event, service)"-->
+                      <!--[(ngModel)]="filterServices[service.key]"></p-toggleButton>-->
+
+    </div>
+  </div>
+
+
+</div>

@overflow/target/component/target-filter.component.scss

@@ -1,9 +0,0 @@
-.radio-group {
-    display: inline-flex;
-    flex-direction: column;
-  }
-  
-  .radio-button {
-    margin: 5px;
-  }
-  

@overflow/target/component/target-filter.component.ts

@@ -5,7 +5,6 @@ import { Router } from '@angular/router';
 @Component({
   selector: 'of-target-filter',
   templateUrl: './target-filter.component.html',
-  styleUrls: ['./target-filter.component.scss']
 })
 export class TargetFilterComponent implements OnInit {
 

@overflow/target/component/target-list.component.html

@@ -4,7 +4,13 @@
 </div>
 
 <ng-template #content>
-<p-table [value]="targetList" selectionMode="single" (onRowSelect)="onRowSelect($event)" [resizableColumns]="true" >
+  <div class="ui-g">
+    <div class="ui-g-12 ui-md-3">
+      <of-target-filter></of-target-filter>
+    </div>
+
+    <div class="ui-g-12 ui-md-9">
+      <p-table [value]="targetList" selectionMode="single" (onRowSelect)="onRowSelect($event)" [resizableColumns]="true" >
         <ng-template pTemplate="header">
           <tr>
             <th style="width: 4em">No.</th>
@@ -29,7 +35,9 @@
             </td>
           </tr>
         </ng-template>
-</p-table>
+      </p-table>
+    </div>
+  </div>
 <!--<p-paginator #paginator [rows]="targetPage.size" [totalRecords]="targetPage.totalElements" [first]="(pageIdx-1) * targetPage.size"-->
              <!--(onPageChange)="onPaginate($event)"></p-paginator>-->