Untitled

<html>
<head>
<meta charset="UTF-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <link rel='stylesheet' type='text/css' href='http://cdn.datatables.net/plug-ins/1.10.7/integration/jqueryui/dataTables.jqueryui.css' />
    <link rel='stylesheet' type='text/css' href='http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css' />
    <link rel='stylesheet' type='text/css' href='http://cdn.datatables.net/responsive/1.0.6/css/dataTables.responsive.css' />

    <script src='http://code.jquery.com/jquery-1.11.1.min.js'></script>
    <script src='http://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js'></script>
    <script src='http://cdn.datatables.net/responsive/1.0.6/js/dataTables.responsive.js'></script>
</head>
<body>
<table class='display' id='table'>
    <thead>
    <tr>
        <th>Name</th>
        <th>Position</th>
        <th>Office</th>
        <th>Start date</th>
        <th>Salary</th>
    </tr>
    </thead>

</table>

<script>
    $(document).ready(function() {
        table = $('#table').dataTable({
            'processing': true,
            'serverSide': true,
            'ajax': '1.php',
            'columns': [
                { 'aaData': 'Name'},
                { 'aaData': 'Position'},
                { 'aaData': 'Office'},
                { 'aaData': 'Start date'},
                { 'aaData': 'Salary'}

            ]

        });
    });
</script>
</body>
</html>