<style>
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    position: absolute!important;
    height: auto!important;
    width: 30%!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">
      <form action="" id="invoice_form_validate" class="uk-form-stacked"  method="post" autocomplete="off">
       <?php   if (isset($vendordata)) { ?>
         <h3><?php echo $vendorname;?></h3>
        <table id="" class="table-bordered">
        <thead>
            <tr class="data_heading">
				<th><strong>Item Name</strong></th>
			
            </tr>
        </thead>
        <tbody>
            <?php
            
				$count = 1; 
			    foreach($vendordata as $record){
			?>
				<tr class="data_list">
					<td><?php echo $record->item_name; ?></td>
				</tr>
			<?php
				$count++;  
				}
		   ?>
        </tbody>
      </table>
      <?php 
       }
			?>
      </form>
    </div>
    <script>
	$(document).ready(function(){
	var rowcnt = $('#rowcount').val();
		var sum = 0;
		$('.consum').each(function() {
			sum += Number($(this).val());
		});
		var sum1 = (sum/rowcnt).toFixed(2)
		$('#avg').val(sum1);
		$('#avg2').html(sum1);
	});
</script>