File
Add library
Share
Login or Register
Help
HTMLSaved
 
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
​
<link href="https://cdn.datatables.net/2.0.4/css/dataTables.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.datatables.net/2.0.4/js/dataTables.js"></script><h1>Search Results</h1>
​
<link href="https://cdn.datatables.net/fixedheader/4.0.1/css/fixedHeader.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.datatables.net/fixedheader/4.0.1/js/dataTables.fixedHeader.js"></script>
​
<div id="authTable" class="tableContainer indent4em">
    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
        
        <table aria-labelledby="authTableHeader" id="DataTables_Table_0" class="dataTable no-footer"
            aria-describedby="DataTables_Table_0_info">
            <thead>
                <tr>
                    <th class="no-sort tiny sorting_disabled" rowspan="1" colspan="1" aria-label="Choose to Change"
                        style="">Choose to Change</th>
                    <th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1"
                        colspan="1" aria-sort="ascending" aria-label="Application: activate to sort column descending"
                        style="">Application</th>
                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"
                        aria-label="Role: activate to sort column ascending" style="">Role</th>
                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"
                        aria-label="User: activate to sort column ascending" style="">User</th>
                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"
                        aria-label="Begin Date: activate to sort column ascending" style="">Begin Date</th>
                    <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"
                        aria-label="End Date: activate to sort column ascending" style="">End Date</th>
                    <th style="" class="no-sort sorting_disabled" rowspan="1" colspan="1" aria-label="Expire Option">
                        Expire Option</th>
                </tr>
            </thead>
​
            <tbody>
                <tr id="1" class="odd">
                    <td>Row 1</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 1</td>
                    <td class="alignright">4/10/2024</td>
                    <td class="alignright">12/31/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=59315F808B3E&amp;ARID=1182"
                            title="Expire now permissions for Person 1 as Application 1 Administrator "
                            aria-label="Row 1 Expire Now link: Application 1 Administrator Person 1">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="2" class="even">
                    <td>Row 2</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 2</td>
                    <td class="alignright">4/3/2024</td>
                    <td class="alignright">4/3/2025 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=44002A199208&amp;ARID=1182"
                            title="Expire now permissions for Person 2 as Application 1 Administrator "
                            aria-label="Row 2 Expire Now link: Application 1 Administrator Person 2">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="3" class="odd">
                    <td>Row 3</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 3</td>
                    <td class="alignright">4/20/2021</td>
                    <td class="alignright">12/1/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=13A0DA3A47D8&amp;ARID=1182"
                            title="Expire now permissions for Person 3 as Application 1 Administrator "
                            aria-label="Row 3 Expire Now link: Application 1 Administrator Person 3">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="4" class="even">
                    <td>Row 4</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 3</td>
                    <td class="alignright">7/12/2022</td>
                    <td class="alignright">12/31/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=F883ABEAB02F&amp;ARID=1182"
                            title="Expire now permissions for Person 3 as Application 1 Administrator "
                            aria-label="Row 4 Expire Now link: Application 1 Administrator Person 3">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="5" class="odd">
                    <td>Row 5</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 4</td>
                    <td class="alignright">4/3/2024</td>
                    <td class="alignright">4/3/2025 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=8CC3342E99C0&amp;ARID=1182"
                            title="Expire now permissions for Person 4 as Application 1 Administrator "
                            aria-label="Row 5 Expire Now link: Application 1 Administrator Person 4">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="6" class="even">
                    <td>Row 6</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 5</td>
                    <td class="alignright">4/17/2020</td>
                    <td class="alignright">4/17/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=B39DB866A6B0&amp;ARID=1182"
                            title="Expire now permissions for Person 5 as Application 1 Administrator "
                            aria-label="Row 6 Expire Now link: Application 1 Administrator Person 5">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="7" class="odd">
                    <td>Row 7</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 6</td>
                    <td class="alignright">12/1/2021</td>
                    <td class="alignright">12/1/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=D6E6400616F2&amp;ARID=1182"
                            title="Expire now permissions for Person 6 as Application 1 Administrator "
                            aria-label="Row 7 Expire Now link: Application 1 Administrator Person 6">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="8" class="even">
                    <td>Row 8</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 7</td>
                    <td class="alignright">12/1/2021</td>
                    <td class="alignright">12/1/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=91D11D85B44E&amp;ARID=1182"
                            title="Expire now permissions for Person 7 as Application 1 Administrator "
                            aria-label="Row 8 Expire Now link: Application 1 Administrator Person 7">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="9" class="odd">
                    <td>Row 9</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 8</td>
                    <td class="alignright">8/17/2023</td>
                    <td class="alignright">12/14/2024 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=51020F34817E&amp;ARID=1182"
                            title="Expire now permissions for Person 8 as Application 1 Administrator "
                            aria-label="Row 9 Expire Now link: Application 1 Administrator Person 8">Expire
                            Now</a>
​
                    </td>
                </tr>
                <tr id="10" class="even">
                    <td>Row 10</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 9</td>
                    <td class="alignright">12/13/2023</td>
                    <td class="alignright">4/3/2025 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=E9669A353DA7&amp;ARID=1182"
                            title="Expire now permissions for Person 9 as Application 1 Administrator "
                            aria-label="Row 10 Expire Now link: Application 1 Administrator Person 9">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="11" class="odd">
                    <td>Row 11</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 10</td>
                    <td class="alignright">12/1/2021</td>
                    <td class="alignright">12/1/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=9031DCEBC0C9&amp;ARID=1182"
                            title="Expire now permissions for Person 10 as Application 1 Administrator "
                            aria-label="Row 11 Expire Now link: Application 1 Administrator Person 10">Expire
                            Now</a>
​
                    </td>
                </tr>
                <tr id="12" class="even">
                    <td>Row 12</td>
                    <td class="sorting_1">Application 1</td>
                    <td>Administrator</td>
                    <td>Person 11</td>
                    <td class="alignright">7/12/2023</td>
                    <td class="alignright">7/11/2024 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=C73AC2E0B107&amp;ARID=1182"
                            title="Expire now permissions for Person 11 as Application 1 Administrator "
                            aria-label="Row 12 Expire Now link: Application 1 Administrator Person 11">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="13" class="odd">
                    <td>Row 13</td>
                    <td class="sorting_1">Application 2</td>
                    <td>Administrator</td>
                    <td>Person 12</td>
                    <td class="alignright">11/9/2023</td>
                    <td class="alignright">11/8/2024 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=6B2F60FF5271&amp;ARID=1133"
                            title="Expire now permissions for Person 12 as Application 2 Administrator "
                            aria-label="Row 13 Expire Now link: Application 2 Administrator Person 12">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="14" class="even">
                    <td>Row 14</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Administrator</td>
                    <td>Person 13</td>
                    <td class="alignright">1/6/2017</td>
                    <td class="alignright">12/31/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=66EC08B8E899&amp;ARID=1192"
                            title="Expire now permissions for Person 13 as Application 3 Administrator "
                            aria-label="Row 14 Expire Now link: Application 3 Administrator Person 13">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="15" class="odd">
                    <td>Row 15</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Administrator</td>
                    <td>Person 14</td>
                    <td class="alignright">12/5/2023</td>
                    <td class="alignright">12/4/2024 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=2C69BC27E1B8&amp;ARID=1192"
                            title="Expire now permissions for Person 14 as Application 3 Administrator "
                            aria-label="Row 15 Expire Now link: Application 3 Administrator Person 14">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="16" class="even">
                    <td>Row 16</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Administrator</td>
                    <td>Person 15</td>
                    <td class="alignright">4/9/2020</td>
                    <td class="alignright">4/9/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=A8CF222E5502&amp;ARID=1192"
                            title="Expire now permissions for Person 15 as Application 3 Administrator "
                            aria-label="Row 16 Expire Now link: Application 3 Administrator Person 15">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="17" class="odd">
                    <td>Row 17</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Administrator</td>
                    <td>Person 11</td>
                    <td class="alignright">10/15/2021</td>
                    <td class="alignright">10/15/2032 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=0A96111041C6&amp;ARID=1192"
                            title="Expire now permissions for Person 11 as Application 3 Administrator "
                            aria-label="Row 17 Expire Now link: Application 3 Administrator Person 11">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="18" class="even">
                    <td>Row 18</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Production Support</td>
                    <td>Person 13</td>
                    <td class="alignright">6/17/2021</td>
                    <td class="alignright">6/17/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=5A584DA0BF54&amp;ARID=1191"
                            title="Expire now permissions for Person 13 as Application 3 Production Support "
                            aria-label="Row 18 Expire Now link: Application 3 Production Support Person 13">Expire
                            Now</a>
​
                    </td>
                </tr>
                <tr id="19" class="odd">
                    <td>Row 19</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Production Support</td>
                    <td>Person 14</td>
                    <td class="alignright">12/11/2023</td>
                    <td class="alignright">12/10/2024 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=C6F4BDB6B66B&amp;ARID=1191"
                            title="Expire now permissions for Person 14 as Application 3 Production Support "
                            aria-label="Row 19 Expire Now link: Application 3 Production Support Person 14">Expire
                            Now</a>
​
                    </td>
                </tr>
                <tr id="20" class="even">
                    <td>Row 20</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Production Support</td>
                    <td>Person 7</td>
                    <td class="alignright">4/30/2024</td>
                    <td class="alignright">12/31/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=40368902527F&amp;ARID=1191"
                            title="Expire now permissions for Person 7 as Application 3 Production Support "
                            aria-label="Row 20 Expire Now link: Application 3 Production Support Person 7">Expire
                            Now</a>
​
                    </td>
                </tr>
                <tr id="21" class="odd">
                    <td>Row 21</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Production Support</td>
                    <td>Person 15</td>
                    <td class="alignright">2/9/2021</td>
                    <td class="alignright">2/26/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=52D186D5EEA3&amp;ARID=1191"
                            title="Expire now permissions for Person 15 as Application 3 Production Support "
                            aria-label="Row 21 Expire Now link: Application 3 Production Support Person 15">Expire
                            Now</a>
​
                    </td>
                </tr>
                <tr id="22" class="even">
                    <td>Row 22</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Production Support</td>
                    <td>Person 16</td>
                    <td class="alignright">6/10/2024</td>
                    <td class="alignright">6/10/2025 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=08A3D022FE80&amp;ARID=1191"
                            title="Expire now permissions for Person 16 as Application 3 Production Support "
                            aria-label="Row 22 Expire Now link: Application 3 Production Support Person 16">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="23" class="odd">
                    <td>Row 23</td>
                    <td class="sorting_1">Application 3</td>
                    <td>Production Support</td>
                    <td>Person 11</td>
                    <td class="alignright">10/15/2021</td>
                    <td class="alignright">10/15/2032 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=4AC392718F55&amp;ARID=1191"
                            title="Expire now permissions for Person 11 as Application 3 Production Support "
                            aria-label="Row 23 Expire Now link: Application 3 Production Support Person 11">Expire
                            Now</a>
​
                    </td>
                </tr>
                <tr id="24" class="even">
                    <td>Row 24</td>
                    <td class="sorting_1">Application 4</td>
                    <td>Administrator</td>
                    <td>Person 17</td>
                    <td class="alignright">3/9/2023</td>
                    <td class="alignright">3/8/2034 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=353160F80574&amp;ARID=4"
                            title="Expire now permissions for Person 17 as Application 4 Administrator "
                            aria-label="Row 24 Expire Now link: Application 4 Administrator Person 17">Expire Now</a>
​
                    </td>
                </tr>
                <tr id="25" class="odd">
                    <td>Row 25</td>
                    <td class="sorting_1">Application 4</td>
                    <td>Administrator</td>
                    <td>Person 13</td>
                    <td class="alignright">1/6/2017</td>
                    <td class="alignright">12/31/2099 </td>
​
                    <td class="actions">
​
                        <a href="expireUser.html?a=2E718522AAF2&amp;ARID=4"
                            title="Expire now permissions for Person 13 as Application 4 Administrator "
                            aria-label="Row 25 Expire Now link: Application 4 Administrator Person 13">Expire Now</a>
​
                    </td>
                </tr>
            </tbody>
​
        </table>
        <div class="datatableContainer_paginateBottom datatableContainer_pagination"
            aria-describedby="datatableContainer_paginationLabel" style="display: none;">
            <div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate"><a
                    class="paginate_button previous disabled" aria-controls="DataTables_Table_0" data-dt-idx="0"
                    tabindex="-1" id="DataTables_Table_0_previous">Previous</a><span><a class="paginate_button current"
                        aria-controls="DataTables_Table_0" data-dt-idx="1" tabindex="0">1</a><a class="paginate_button "
                        aria-controls="DataTables_Table_0" data-dt-idx="2" tabindex="0">2</a><a class="paginate_button "
                        aria-controls="DataTables_Table_0" data-dt-idx="3" tabindex="0">3</a><a class="paginate_button "
                        aria-controls="DataTables_Table_0" data-dt-idx="4" tabindex="0">4</a><a class="paginate_button "
                        aria-controls="DataTables_Table_0" data-dt-idx="5" tabindex="0">5</a><span
                        class="ellipsis">…</span><a class="paginate_button " aria-controls="DataTables_Table_0"
                        data-dt-idx="6" tabindex="0">27</a></span><a class="paginate_button next"
                    aria-controls="DataTables_Table_0" data-dt-idx="7" tabindex="0"
                    id="DataTables_Table_0_next">Next</a></div>
        </div>
    </div>
</div>
JavaScriptSaved
 
$(document).ready(function(){
            
            var pageCount = 0;
            $('#authTable table').DataTable({
                "dom": "<'datatableContainer_pageLength' l>B<'datatableContainer_filterResults' f>t<'datatableContainer_resultCounts' i><'datatableContainer_paginateBottom datatableContainer_pagination' p>",
                "destroy": true,
                "order": [[1,'asc']],
                "pageLength": 25,
                "aLengthMenu": [[10, 25, 50, 100, 200, 500, -1], [10, 25, 50, 100, 200, 500, 'ALL']],
                "oLanguage": {
                    "sEmptyTable": "No data found. Try changing the search filters."
                },
                "columnDefs": [
                    {"targets": 'no-sort', "orderable": false },
                    {"targets": 'noDisplay', "visible": false },
                    {"targets": ["alignRight"], "className": "alignRight"}
                    
                ],
                "fixedHeader": {
                                header: true,
                                footer: false
                            },
                bAutoWidth: false,                          // set to false to allow the table to be responsive to changes in window width
                drawCallback: function(settings) {
                    drawCallbackFunc(settings);
                }
            });
            
            // label the pagination for screen readers
            //      css adds text for visual users
            $("div.datatableContainer_pagination").attr("aria-describedby", "datatableContainer_paginationLabel");
            
            $('.datatableContainer_filterResults input').each(function() {
                var ariaDescribedBy = $(this).closest('.dataTables_wrapper').parent().attr('id') + 'Header';
                $(this).attr("aria-describedby", ariaDescribedBy);
            });
            
            // each time the table is redrawn, update the pagination buttons
            function drawCallbackFunc(settings) {   
            
                // get the div that holds this table - this will ensure we're not changing features of any other tables on the page 
                //      and, they can all share the same drawCallbackFunc
                var tableContainer = '#' + $('#' + settings.sTableId).parent().attr('id');                                      
                        
                var startRecord = settings._iDisplayStart; // note this is 0 based
                var endRecord = settings.fnDisplayEnd();
                var displayCount = endRecord - startRecord; // how many records are shown on this page
                
                var filterCount = settings.fnRecordsDisplay(); // how many filtered records shown on all pages
                var totalCount = settings.fnRecordsTotal(); // how many non-filtered records were available
        
        
                if(filterCount <= 10){
                    // with <= 10 records (our min page length option) to show now, no need to paginate
                    $(tableContainer + ' .datatableContainer_pagination').addClass("noDisplay");
                    $(tableContainer + ' .datatableContainer_pageLength div').addClass("noDisplay");
                }
                else {
                    // pagination should only be shown if there are more records to be seen on other pages
                    //      this is only based on the ones we see (displayCount)
                    //                        and the ones we should see (filterCount)
                    if(displayCount < filterCount){
                        //  seeing less than we should - show pagination
                        $(tableContainer + ' .datatableContainer_pagination').removeClass("noDisplay");
                    }
                    else {
                        //  seeing as many as we should - hide pagination
                        $(tableContainer + ' .datatableContainer_pagination').addClass("noDisplay");
                    }
                    
                    // for >10 records, always show the length menu
                    $(tableContainer + ' .datatableContainer_pageLength div').removeClass("noDisplay");
                }
                
                if(totalCount < 2) {
                    // with 0 or 1 records ever, no need to search
                    $(tableContainer + ' .datatableContainer_filterResults').addClass("noDisplay");
                }
            
            }   
        });
Output 300px

This bin was created anonymously and its free preview time has expired. Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers