การประเมินสมรรถนะ

การจัดการสมรรถนะ
กำหนดผู้ประเมิน

src/app/components/competency-assessment/competency-management/set-approvers/set-approvers.component.html

@@ -32,7 +32,8 @@
 
 <div class="page px-rem">
     <div class="overflow-auto shadow-md rounded-t-md">
-        <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover table-bordered">
+        <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover table-bordered"
+            style="table-layout: auto;width: 100%;overflow-x: hidden;white-space: normal; word-break: break-word;">
             <thead>
                 <tr>
                     <ng-container
@@ -66,13 +67,19 @@
             <tbody *ngIf="!groupapprove_listLoading&&groupapprove_listFilter().length">
                 <tr
                     *ngFor="let item of groupapprove_listFilter() | slice:((currentPage-1) * 10) : (((currentPage-1) * 10) + 10);let i = index">
-                    <td>{{item.apsassessy.fname}} {{item.apsassessy.lname}}</td>
-                    <td>{{item.apsapprove1.fname}} {{item.apsapprove1.lname}}</td>
-                    <td>{{item.apsapprove2.fname}} {{item.apsapprove2.lname}}</td>
-                    <td>{{item.apsapprove3.fname}} {{item.apsapprove3.lname}}</td>
-                    <td>{{item.apsapprove4.fname}} {{item.apsapprove4.lname}}</td>
-                    <td>{{item.apsapprove5.fname}} {{item.apsapprove5.lname}}</td>
-                    <td class="flex justify-center">
+                    <td style="word-break: break-word;white-space: normal;">{{item.apsassessy.fname}}
+                        {{item.apsassessy.lname}}</td>
+                    <td style="word-break: break-word;white-space: normal;">{{item.apsapprove1.fname}}
+                        {{item.apsapprove1.lname}}</td>
+                    <td style="word-break: break-word;white-space: normal;">{{item.apsapprove2.fname}}
+                        {{item.apsapprove2.lname}}</td>
+                    <td style="word-break: break-word;white-space: normal;">{{item.apsapprove3.fname}}
+                        {{item.apsapprove3.lname}}</td>
+                    <td style="word-break: break-word;white-space: normal;">{{item.apsapprove4.fname}}
+                        {{item.apsapprove4.lname}}</td>
+                    <td style="word-break: break-word;white-space: normal;">{{item.apsapprove5.fname}}
+                        {{item.apsapprove5.lname}}</td>
+                    <td style="word-break: break-word;white-space: normal;" class="text-center">
                         <i class="ti ti-edit cursor-pointer i-gray fs-l px-1"
                             (click)="currentModel='edit';selectGroupapprove(item)"
                             data-hs-overlay="#set-approvers-modal"></i>