Untitled

<html>
<body>
                <div class="pd-20 bg-white border-radius-4 box-shadow mb-30">
                    <div  class="table-responsive">
                        <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>
<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"
                },
            });
        });
    </script>
</body>
</html>