<style>
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    position: absolute!important;
    height: auto!important;
    width: 80%!important;
    top: 190px!important;
    left: 274.5px!important;
    z-index: 101!important;
}
.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #626e82;
}
th {
    white-space: break-spaces;
    padding: 5px;
}
td{
  padding: 5px;
}
</style>
<div class="container">
   <?php if(!empty($pohistory)) { ?>
        <table id="" class="table-bordered">
        <thead>
          <tr class="data_heading">
            <th><strong>Date</strong></th>
			<th><strong>Price</strong></th>
			<th><strong>Qty</strong></th>
			<th><strong>Vendor Name</strong></th>                      
          </tr>
        </thead>
        <tbody>
          <?php
           $count = 1;
            
            foreach($pohistory as $polist){
            
              ?>
              <tr class="data_list">
                <td><?php echo $polist->grn_date; ?></td>
                <td><?php echo $polist->grn_item_price; ?></td>
                <td><?php echo $polist->grn_item_qty; ?></td>
                <td><?php echo $polist->vendor_name; ?></td>
             </tr>
              
          <?php $count++; }  ?>  
        </tbody>
      </table>
<?php } else { ?>
      <h3>No records..</h3>
      <?php } ?>
    </div>