
<!-- Core JS -->
<!-- build:js assets/vendor/js/core.js -->
<script src="assets/vendor/libs/jquery/jquery.js"></script>
<script src="assets/vendor/libs/popper/popper.js"></script>
<!--<script src="assets/vendor/js/bootstrap.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>

<script src="assets/vendor/js/menu.js"></script>
<!-- endbuild -->

<!-- Vendors JS -->

<!-- Main JS -->
<script src="assets/js/main.js"></script>

<!-- Page JS -->

<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script src="assets/js/jquery.scrollTableBody-1.0.0.js"></script>
<script src="assets/js/custom.js"></script>
  <script src="assets/js/jquery.autosize.input.min.js"></script>
<script>
    $('.table').scrollTableBody({rowsToDisplay:10});
    
// $('#person_name').keydown(function(){
//  var contents = $(this).val();
//  var charlength = contents.length;
//  console.log(charlength);
//  console.log($(this).width());
//  newwidth =  charlength+260;
//  if(charlength>20 && charlength<57){
//  $(this).css({width:newwidth});
//  }
// });
</script>
<style>
    /* width */


</style>

</body>
</html>