Below I share code to apply filter option to SharePoint list using the jquery data table.
Steps: Page level
Create page and add following datatable css and js.<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" />
<script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
Create table with header according to SharePoint list. <div class="Filters"><div><span>ID FIlter</span><span class="idFilterOption"></span> <span>Adjustment Type FIlter</span><span class="requestFilterOption"></span></div></div>
<table id="table_id" class="display"
This Article is TAGGED in SharePoint. Read more