To get the script to work you will need to download the following jQuery library:
jquery-2.1.1.min.js – jQuery download
Another version of this library may work but this was the one I used / tested with.
Upload this library to your PWA site collection then update the script file with the correct location. I uploaded this file to the site assets library as you can see in the code below:
Also notice the reference to the default SharePoint JS files and the two references to the Data tables CSS and JS files. I just referenced the hosted files but you could download these and host them yourself – if hosting the data table files yourself you will need more than just the two files reference here.
Add the script to your PWA site collection, I uploaded this to the Style Library. Then add a content editor web part to the project site and reference the uploaded project milestones JS file. If you want this to be on all project sites then you would need to create a new project site template.
Once added to a project site the milestones will be visible for that project:
The table can be sorted using the controls on the table.
If no milestones exist in the associated project then the table displays the default no data available message:
Create a milestone in that project and you will see that appear on the associated project site after publishing:
A nice simple script to allow your users to see project milestones on the Project Site. Download today and try it