เปลี่ยนรูปแบบ modal

src/app/components/company-components/company-registration/company-registration-page/company-registration-page.component.html

@@ -33,76 +33,15 @@
                 Delete
             </button>
         </div>
-        <!-- <div class="px-1">
-                <button href="javascript:void(0);" class="ti-btn ti-btn-soft-warning h-45px m-0 shadow-md">
-                    <i class="ti ti-book fs-l"></i>
-                    Help
-                </button>
-            </div> -->
     </div>
 </div>
 
 <div class="page px-rem">
     <app-datagrid-syncfution [searchSettings]="searchSettings" [searchText]="search" [dataSource]="dataList"
-        [columns]="columns" [modalName]="'#department-register-modal'" [selectedItems]="selectedItems"
+        [columns]="columns" [selectedItems]="selectedItems"
         (sendSelectData)="modalStatus='edit';setData($event);openDialog()"
         (sendSelectedItems)="onSelectItemChange($event)" (sendOpenDialog)="openDialog()">
     </app-datagrid-syncfution>
-    <!-- <div class="overflow-auto shadow-md rounded-t-md">
-        <table class="ti-custom-table ti-custom-table-head ti-custom-table-hover table-bordered">
-            <thead>
-                <tr>
-                    <ng-container
-                        *ngFor="let item of ['','รหัสบริษัท','รายละเอียด (ไทย)','รายละเอียด (อังกฤษ)','การจัดการ']; let f = first; let l = last">
-                        <th scope="col" class="relative px-10px py-10px bg-soft-secondary text-primary !text-center">
-                            <span class="font-size-12px font-weight-700">{{ item }}</span>
-                            <div class="absolute top-1/2 transform -translate-y-1/2 right-0" *ngIf="!f && !l">
-                                <i class="ti ti-dots-vertical fs-l"></i>
-                            </div>
-                        </th>
-                    </ng-container>
-                </tr>
-            </thead>
-            <tbody *ngIf="dataLoading">
-                <tr>
-                    <td class="text-center" colspan="100%">
-                        <div *ngFor="let item of [1,2,3]" class="ti-spinner w-8 h-8 text-secondary mx-1" role="status"
-                            aria-label="loading">
-                            <span class="sr-only">Loading...</span>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-            <tbody *ngIf="!dataLoading&&!dataListFilter().length">
-                <tr>
-                    <td class="text-center" colspan="100%">
-                        ไม่พบข้อมูล
-                    </td>
-                </tr>
-            </tbody>
-            <tbody *ngIf="!dataLoading&&dataListFilter().length">
-                <tr
-                    *ngFor="let item of dataListFilter() | slice:((currentPage-1) * pageSize) : (((currentPage-1) * pageSize) + pageSize);let i = index">
-                    <td class="text-center">
-                        <input *ngIf="item.data.code!='100'" type="checkbox" class="ti-form-checkbox cursor-pointer"
-                            id="checkbox-{{item.data.code}}" [(ngModel)]="item.check" (ngModelChange)="dataListCheck()">
-                    </td>
-                    <td class="text-center">
-
-                        <label for="checkbox-{{item.data.code}}">&nbsp;{{item.data.code}}</label>
-                    </td>
-                    <td>{{item.data.tdesc}}</td>
-                    <td>{{item.data.edesc}}</td>
-                    <td class="flex justify-center">
-                        <i class="ti ti-edit cursor-pointer i-gray fs-l px-1"
-                            (click)="modalStatus='edit';setData(item.data);openDialog()"></i>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-    <app-pagination [totalItems]="dataListFilter().length" [pageSize]="pageSize" (pageChange)="currentPage = $event"
-        (pageSizeChange)="pageSize = $event;currentPage = 1"></app-pagination> -->
 </div>
 
 <ng-template #registrationModal let-modal>
@@ -153,7 +92,7 @@
     </mat-dialog-actions>
 </ng-template>
 
-<div id="company-registration-page-modal" class="hs-overlay hidden ti-modal">
+<!-- <div id="company-registration-page-modal" class="hs-overlay hidden ti-modal">
     <div class="hs-overlay-open:mt-7 ti-modal-box mt-0 ease-out h-[calc(100%-3.5rem)]">
         <div class="max-h-full overflow-hidden ti-modal-content">
             <div class="ti-modal-header">
@@ -188,12 +127,6 @@
                             Clear
                         </button>
                     </div>
-                    <!-- <div class="px-1">
-                        <button href="javascript:void(0);" class="ti-btn ti-btn-soft-warning h-45px m-0 shadow-md">
-                            <i class="ti ti-book fs-l"></i>
-                            Help
-                        </button>
-                    </div> -->
                 </div>
             </div>
             <div class="ti-modal-body padding-16px pt-0 overflow-y-0">
@@ -300,7 +233,7 @@
             </div>
         </div>
     </div>
-</div>
+</div> -->
 
 <div id="company-registration-page-upload-modal" class="hs-overlay hidden ti-modal">
     <div class="hs-overlay-open:mt-7 ti-modal-box mt-0 ease-out rounded-md">

src/app/components/datagrid-syncfution/datagrid-syncfution.component.html

@@ -8,7 +8,7 @@
   [allowMultiSorting]='true'>
 
   <e-columns>
-    <e-column headerText='checkboxSelect' [textAlign]="'center'" width='150' [editType]="false" [allowEditing]="false"
+    <e-column headerText='checkboxSelect' [textAlign]="'center'" width='160' [editType]="false" [allowEditing]="false"
       *ngIf="checkBoxSetting">
       <ng-template #headerTemplate let-data *ngIf="checkBoxSetting">
         <input type="checkbox" [id]="'checkbox-all'" class="ti-form-checkbox cursor-pointer"