Skip to main content

Posts

Showing posts with the label Datatable

Tasks List with PNP JS & DataTable in SharePoint

Hi ,

I have created one example for SharePoint with pnp-js & datatable. 
Features which I have covered in this example :
Open task display page in new tab.Show Priorities in different colors.Show Percent Completed as Progress BarShow dates in proper formats.Show Assigned To (Multi-people)

Here is the code :

You need to add following references :
<script src="https://code.jquery.com/jquery-2.2.0.min.js" integrity="sha256-ihAoc6M/JPfrIiIeayPE9xjin4UWjsx2mjW/rtmxLM4=" crossorigin="anonymous"></script>

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/boot…