Untitled

$(document).ready(function() {
    var table = $('#employeesTable').DataTable({
        "processing" : true,
        "serverSide" : true,
        "sAjaxSource" : "/employees",
        "sAjaxDataProp" : "",
        "order" : [ [ 0, "asc" ] ],
        "aoColumns" : [ {
            "mData" : "id"
        }, {
            "mData" : "name"
        }, {
            "mData" : "lastName"
        }, {
            "mData" : "email"
        }, {
            "mData" : "phone"
        } ]
    })
});

@RestController
public class EmployeeRestController {

    @Autowired
    private EmployeeService employeeService;

    @RequestMapping(path = "/employees", method = RequestMethod.GET)
    public List<Employee> getAllEmployees() {
        return employeeService.getAllEmployees();
    }

    @RequestMapping(value = "/employee/{id}", method = RequestMethod.GET)
    public Employee getEmployeeById(@PathVariable("id") long id) {
        return employeeService.getEmployeeById(id);
    }

}

<body>
<h1>Employees Table</h1>
<table id="employeesTable" class="display">

    <!-- Header Table -->
    <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Last Name</th>
            <th>Email</th>
            <th>Phone</th>

        </tr>
    </thead>
    <!-- Footer Table -->
    <tfoot>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Last Name</th>
            <th>Email</th>
            <th>Phone</th>

        </tr>
    </tfoot>
</table>

[
   {
      "id":1,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":2,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":3,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":4,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":5,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":6,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":7,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":8,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":9,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":10,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":11,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":12,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":13,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":14,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":15,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   },
   {
      "id":16,
      "name":"Bob",
      "lastName":"Marley",
      "email":"one@love.com",
      "phone":"6483748590"
   }
]