Table Grid with Selectable Rows

Click to View a Sample of a Table Grid.

Note:
1. The padding between the action buttons in the grid header should be 10px.
2. The empty cells should be blank.

 

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <table style="padding-top: 0px !important; margin: 0px !important" width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td style="padding-left:0; padding-right:0; padding-top:0; padding-bottom:10px" align="left"><div class="panel-subheading row" style=" margin-left: 0px; width: 100%; background-color: #5b6773;padding: 0px"> <table width="98%"> <tbody> <tr> <td width="40%"><table style="margin-left: 10px; margin-top: 10px; margin-bottom: 10px" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td><button type="button" class="btn btn-default" style="font-weight: bold; font-size: 13px" onclick="window.location.assign('add_new_medicare_event.html')" title="Add">Add </button></td> <td>&nbsp;&nbsp;</td> <td><button type="button" class="btn btn-default" style="font-weight: bold; font-size: 13px" onclick="window.location.assign('')" title="Edit">Edit </button></td> <td>&nbsp;&nbsp;</td> <td><button type="button" class="btn btn-default" style="font-weight: bold; font-size: 13px" onclick="window.location.assign('')" title="Delete">Delete </button></td> </tr> </tbody> </table></td> <td></td> </tr> </tbody> </table> </div> <div class="panel-body list-exception ng-scope" ng-if="Products.list.length == 0 &amp;&amp; !Products.status.isLoading" style="border: 1px solid #c0c0c0; padding: 0px !important"> <table width="100%"> <thead> <tr> <td class="table-label-right" style="background-color:#D8EBF1; border: 1px solid #C0C0C0 !important; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center">Events</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> <td class="table-label-right" style="background-color:#D8EBF1; border: 1px solid #C0C0C0 !important; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center">Effective</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> <td class="table-label-right" style="background-color:#D8EBF1; border: 1px solid #C0C0C0 !important; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center">Medicare No.</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> <td class="table-label-right" style="background-color:#D8EBF1; border: 1px solid #C0C0C0 !important; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center">State</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> <td class="table-label-right" style="background-color:#D8EBF1; border: 1px solid #C0C0C0 !important; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center">County</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> <td class="table-label-right" style="background-color:#D8EBF1; border: 1px solid #C0C0C0 !important; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center">PBP ID</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> <td class="table-label-right" style="background-color:#D8EBF1; border: 1px solid #C0C0C0 !important; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td align="center">Segment</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> <td class="table-label-right" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td nowrap="" align="center">Input</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> <td class="table-label-right" style="text-align: center; background-color:#D8EBF1; border-left-width:1px; border-right-width:1px; border-bottom-width:1px; " width="11%"><table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td nowrap="" align="center">Verification</td> <td align="right"><i class="fas fa-filter" style="font-size: 11px"></i></td> </tr> </tbody> </table></td> </tr> </thead> <tbody> <tr style="color: #fff"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#03789B; width: auto" width="11%">LICS</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#03789B; width: auto" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#03789B; width: auto" width="11%">1EG5TE6MK89</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#03789B; width: auto" width="11%">California</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#03789B; width: auto" width="11%">Los Angeles</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#03789B; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#03789B; width: auto" width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#03789B; width: auto" width="11%">09/22/2022</td> <td style="border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0; padding:10px; text-align: center; " bgcolor="#03789B" align="left"><a href="#ver2_details" data-toggle="popover" data-trigger="focus" data-placement="left" data-popover-content="#ver2" data-original-title="" title=""><i class="fas fa-file-alt" title="Click to see more info" style="font-size: 16px; color: #fff"></i></a> <div id="ver2" class="hidden"> <div class="popover-body"> &lt; <table style="float: left; width: 400px; margin-top: -10px; margin-bottom: 20px; color: #000" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td colspan="2" style="color: #000" valign="top" align="center">&nbsp;</td> </tr> <tr> <td colspan="2" style="color: #000" valign="top" align="center">Verification Information<a href="#"><i class="fa fa-times-circle" title="Close" style="font-size: 18px; cursor: hand !important; float: right; margin-right: -5px; margin-top: -10px;"></i></a> <hr style="margin: 10px !important"></td> </tr> <tr> <td style="color: #808080" width="100" valign="top"><font size="2"> <span style="font-weight: 400">Event:</span></font></td> <td style="color: #000" valign="top"><font size="2"> <span style="font-weight: 400">LIC Low Income Cost Subsidy</span></font></td> </tr> <tr> <td style="color: #808080" width="100" valign="top"><font size="2"> <span style="font-weight: 400">Effective:</span></font></td> <td valign="top"><font size="2"> <span style="font-weight: 400; ">01/01/2021</span></font></td> </tr> <tr> <td colspan="2" style="color: #000" valign="top" align="center"><font size="2"><strong>Last Verification</strong></font></td></tr> <tr> <td colspan="2" valign="top"><table cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td style="color: #808080" width="100" valign="top"><font size="2"> <span style="font-weight: 400">From:</span></font></td> <td valign="top"><font size="2"> <span style="font-weight: 400; ">01/01/2021</span></font></td> <td style="color: #808080" width="40" valign="top">&nbsp;</td> <td style="color: #808080" valign="top"><font size="2"> <span style="font-weight: 400">Thru:</span></font></td> <td width="20" valign="top">&nbsp;</td> <td valign="top"><font size="2"> <span style="font-weight: 400; ">01/01/2021</span></font></td> </tr> </tbody> </table></td> </tr> <tr> <td style="color: #808080" valign="top"><font size="2"> <span style="font-weight: 400">Result:</span></font></td> <td style="color: #000" valign="top"><font size="2"> <span style="font-weight: 400">1 requirement Met</span></font></td> </tr> <tr> <td style="color: #808080" valign="top"><font size="2"> <span style="font-weight: 400">Institution ID:</span></font></td> <td valign="top"><font size="2"> <span style="font-weight: 400; ">--</span></font></td> </tr> <tr> <td style="color: #808080" valign="top"><font size="2"> <span style="font-weight: 400">Verified By:</span></font></td> <td valign="top"><font size="2"> <span style="font-weight: 400; ">Facets</span></font></td> </tr> <tr> <td style="color: #808080" valign="top"><font size="2"> <span style="font-weight: 400">Date:</span></font></td> <td style="color: #000" valign="top"><font size="2"> <span style="font-weight: 400">02/03/2021</span></font></td> </tr> <tr> <td style="color: #808080" valign="top"><font size="2"> <span style="font-weight: 400">Method:</span></font></td> <td valign="top"><font size="2"> <span style="font-weight: 400; ">DOC Medicare Verification Reason 1</span></font></td> </tr> <tr> <td style="color: #808080" valign="top"><font size="2"> <span style="font-weight: 400">Reason:</span></font></td> <td valign="top"><font size="2"><span style="font-weight: 400; ">0001 Medicare Verification Reason 1</span></font></td> </tr> </tbody> </table> </div> </div></td> </tr> <tr onclick="window.location.assign('#')" style="cursor: pointer;" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#FFFFFF; width: auto" width="11%">SCCC</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#FFFFFF; width: auto" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#FFFFFF; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#FFFFFF; width: auto" width="11%">California</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#FFFFFF; width: auto" width="11%">Los Angeles</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#FFFFFF; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#FFFFFF; width: auto" width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; background-color:#FFFFFF; width: auto" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color: #ffffff;" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px; "></i></a> </td></tr> <tr onclick="window.location.assign('#')" style="cursor: pointer" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">PRTA</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-placement="left" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px;"></i></a> </td></tr> <tr onclick="window.location.assign('#')" style="cursor: pointer;" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF;" width="11%">HICN</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">1EG5TE6MK89</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto;background-color:#FFFFFF;" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color: #ffffff;" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px; "></i></a> </td></tr> <tr onclick="window.location.assign('#')" style="cursor: pointer;" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">PBP</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">001</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">123</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-placement="left" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px;"></i></a> </td></tr> <tr onclick="window.location.assign('#')" style="cursor: pointer;" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">PREM</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF;" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color: #ffffff;" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px; "></i></a> </td></tr> <tr onclick="window.location.assign('#')" style="cursor: pointer;" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">LATE</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-placement="left" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px;"></i></a> </td></tr> <tr onclick="window.location.assign('#')" style="cursor: pointer;" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">MEPI</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color:#FFFFFF" width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto;background-color:#FFFFFF" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color: #ffffff;" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px; "></i></a> </td></tr> <tr onclick="window.location.assign('#')" style="cursor: pointer;" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; " width="11%">PRTB</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; " width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; " width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; " width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; " width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; " width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; " width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-placement="left" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px;"></i></a> </td></tr> <tr onclick="window.location.assign('#')" style="cursor: pointer;" title="Click to select"> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid;background-color:#FFFFFF; border-bottom-width:1px; width: auto" width="11%">PRTD</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid;background-color:#FFFFFF; border-bottom-width:1px; width: auto" width="11%">01/01/2021</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid;background-color:#FFFFFF; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid;background-color:#FFFFFF; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid;background-color:#FFFFFF; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid;background-color:#FFFFFF; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-center" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid;background-color:#FFFFFF; border-bottom-width:1px; width: auto" width="11%">&nbsp;</td> <td class="cell-right" style="text-align: left; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid;background-color:#FFFFFF; border-bottom-width:1px; width: auto" width="11%">09/22/2022</td> <td class="cell-right" style="text-align: center; font-size:10pt; border-left-width:1px; border-right-width:1px; border-top-style:solid; border-top-width:1px; border-bottom-style:solid; border-bottom-width:1px; width: auto; background-color: #ffffff;" width="11%"><a href="" data-toggle="popover" data-trigger="focus" data-original-title="" title=""><i class="fas fa-file-alt disabled" title="Click to see more info" style="font-size: 16px; "></i></a> </td></tr> </tbody> </table> <kendo-pager ng-reflect-total="17" ng-reflect-page-size="25" ng-reflect-options="[object Object]" class="k-pager-wrap k-grid-pager k-widget" style="border-right-color: #CCC; border-left-color: #CCC; border-bottom-color: #CCC; border-width: 1px; border"> <!--template bindings={ "ng-reflect-ng-if": "true" }--><a title="Go to the first page" ng-reflect-ng-class="[object Object]" class="k-link k-pager-nav k-state-disabled k-pager-first"> <span aria-label="Go to the first page" ng-reflect-ng-class="[object Object]" class="k-icon k-i-seek-w"> </span> </a> <!--template bindings={ "ng-reflect-ng-if": "true" }--><a title="Go to the previous page" ng-reflect-ng-class="[object Object]" class="k-link k-pager-nav k-state-disabled"> <span aria-label="Go to the previous page" ng-reflect-ng-class="[object Object]" class="k-icon k-i-arrow-w"> </span> </a> <!--template bindings={ "ng-reflect-ng-if": "true" }--> <ul ng-reflect-ng-class="[object Object]" class="k-pager-numbers k-reset"> <!--template bindings={ "ng-reflect-ng-if": null }--> <!--template bindings={ "ng-reflect-ng-for-of": "1" }--> <li> <a ng-reflect-ng-class="[object Object]" class="k-link k-state-selected" style="background-color: #039bc9; border-color: #337ab7;"> 1 </a> </li> <!--template bindings={ "ng-reflect-ng-if": null }--> </ul> <!--template bindings={ "ng-reflect-ng-if": null }--> <!--template bindings={ "ng-reflect-ng-if": "true" }--><a title="Go to the next page" ng-reflect-ng-class="[object Object]" class="k-link k-pager-nav k-state-disabled"> <span aria-label="Go to the next page" ng-reflect-ng-class="[object Object]" class="k-icon k-i-arrow-e"> </span> </a> <!--template bindings={ "ng-reflect-ng-if": "true" }--><a title="Go to the last page" ng-reflect-ng-class="[object Object]" class="k-link k-pager-nav k-state-disabled k-pager-last"> <span aria-label="Go to the last page" ng-reflect-ng-class="[object Object]" class="k-icon k-i-seek-e"> </span> </a> <!--template bindings={ "ng-reflect-ng-if": "true" }--><span ng-reflect-ng-class="[object Object]" class="k-pager-info k-label"> 0 - 0 of 0 items </span> <!--template bindings={ "ng-reflect-ng-if": "25,50,100" }--><span ng-reflect-ng-class="[object Object]" class="k-pager-sizes k-label"> <select> <option value="10" ng-reflect-selected="true">10</option> <option ng-reflect-value="25" value="25"> 25 </option> <option ng-reflect-value="50" value="50"> 50 </option> <option ng-reflect-value="100" value="100"> 100 </option> </select> items per page </span> </kendo-pager> </div></td> </tr> </tbody> </table> </div>

If you need help, please e-mail the PX Team or send us a message on Microsoft Teams.