Untitled

<!DOCTYPE html>
<?php
include 'ceksudahlogin.php';
?>
<html>
<head>
    <?php include('include/head.php'); ?>
    <link rel="stylesheet" type="text/css" href="src/plugins/datatables/media/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="src/plugins/datatables/media/css/dataTables.bootstrap4.css">
</head>
<body>

                <div class="pd-20 bg-white border-radius-4 box-shadow mb-30">
                <div class="table-responsive">
                <button onclick="window.location.href='javascript: closeWin();'">Close "myWindow"</button>
                        <table id="tablemasterpart" class="tablemasterpart stripe hover nowrap">
                            <thead>
                                <tr>
                                    <th>PartID</th>
                                    <th>PartName</th>
                                    <th>OtherID</th>
                                    <th>TypeInventoryID</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>


    <?php include('include/script.php'); ?>
    <script src="src/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
    <script src="src/plugins/datatables/media/js/dataTables.bootstrap4.js"></script>
    <script src="src/plugins/datatables/media/js/button/dataTables.buttons.js"></script>
    <script src="src/plugins/datatables/media/js/button/buttons.bootstrap4.js"></script>
    <script src="src/plugins/datatables/media/js/button/vfs_fonts.js"></script>
    <script>
        $('document').ready(function(){
            $('.tablemasterpart').DataTable({
                "processing": true,
                "serverSide": true,
                "ajax": "api/ms_part.php",
                "columns": [
                        {"data": "PartID"},
                        {"data": "PartName"},
                        {"data": "OtherID"},
                        {"data": "TypeInventoryID"}
                    ],
                autoWidth: false,
                responsive: true,
                "lengthMenu": [[5,10, 25, 50], [5,10, 25, 50]],
                "language": {
                    "info": "_START_-_END_ of _TOTAL_ entries",
                    searchPlaceholder: "Search"
                },
            });
        });
    function closeWin() {
    window.close();
}

    </script>
</body>
</html>