<tbody>
            <tr *ngFor="let tDon of Category">
              <th scope="row">{{ tDon.id }}</th>
              <td>{{ tDon.name }}</td>
              <td>{{ tDon.description }}</td>
              <td>{{ tDon.created_at }}</td>
              <td>{{ tDon.modified_at }}</td>
              <td>{{ tDon.deleted_at }}</td>
              <td>
                
                <button  [cModalToggle]="staticBackdropModal.id" cButton (click)="editEmployee(tDon)">Cập nhật</button>

                <c-modal #staticBackdropModal backdrop="static" id="staticBackdropModal">
                  <c-modal-header>
                    <h5 cModalTitle>Cập nhật gian hàng</h5>
                    <button [cModalToggle]="staticBackdropModal.id" cButtonClose></button>
                  </c-modal-header>
                  <c-modal-body>
                    
                    <form [formGroup]="CategoryForm" cForm>
                      <div class="mb-3">
                        <label cLabel for="exampleFormControlInput1" >Tên danh mục</label>
                        <input cFormControl id="exampleFormControlInput1" placeholder="Điền danh mục" type="text" formControlName="name"   name="name"/>
                      </div>
                      <div class="mb-3">
                        <label cLabel for="exampleFormControlTextarea1">Mô tả danh mục</label>
                        <textarea formControlName="description" ngModel name="description" cFormControl id="exampleFormControlTextarea1" rows="3"></textarea>
                      </div>
                    </form>

                 
                 

                  </c-modal-body>
                  <c-modal-footer>
                    <button [cModalToggle]="staticBackdropModal.id" cButton color="secondary">
                      Đóng
                    </button>
                    <button (click)="edit()"  cButton color="primary">Lưu</button>
                  </c-modal-footer>
                </c-modal>
              
           
              
                <input cButton color="danger"type="button"value="Xóa" (click)="deleteClick(tDon)"/>
              </td>
            </tr>
          </tbody>
        </table>



 editEmployee(category: Category) {
    this.CategoryForm.setValue({
      id: category.id,
      name: category.name,
      description: category.description
    });
  }
  
  


  edit() {
    let thu = {
      key: 2,
      pi_id : this.CategoryForm.value.id,
      pi_name: this.CategoryForm.value.name,
      pi_description: this.CategoryForm.value.description,
    };
   
    // this.visible = !this.visible;
    this.GianHangServicex.getUpdate(thu).subscribe((data) => {
      console.log(data.table1);
      return this.ngOnInit();
    });
    
  }



ELSIF pi_key = 2 THEN
            po_tb_id := 1;
            po_tb_ten := 'Cho phép sửa dữ liệu';
            UPDATE hethong.product_category
            SET name = pi_name, description = pi_description, modified_at = CURRENT_TIMESTAMP, deleted_at = CURRENT_TIMESTAMP
            WHERE id = pi_id;
            OPEN ref2 FOR SELECT * FROM hethong.product_category ;
            RETURN NEXT ref2;



làm sao khi cập nhật thành công làm không thay đổi vị trí dữ liệu đã cập nhật