<div class="row">
    <div class="col-12">
      <div class="card card-body">
        <h4 class="card-title">รายการเอกสาร</h4>
        <div class="row justify-content-center">
          <div class="col-md-4 " *ngFor="let c of testdata|slice: (page-1) * pageSize : (page-1) * pageSize + pageSize">
            <div class="card border border-2">
              <div class="card-body text-center">
                <img src="{{ c.img }}" class="rounded-circle border p-1" width="100">
                <h3 class="card-title mt-3 mb-0">{{c.name}}</h3>
              </div>
              <div class="d-flex  justify-content-between bg-light border-top p-3">
                <div>
                  <span class="align-middle">จำนวนเอกสาร {{ c.document }} ฉบับ</span>
                </div>
                <div >
                  <button class="btn btn-info btn-sm text-nowrap" (click)="openView(c.id)">รายละเอียด</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>