OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

How do I create an HTML table with a fixed/frozen first column and a scrollable body?

  • Thread starter Thread starter Chetan Mehra
  • Start date Start date
C

Chetan Mehra

Guest
I need a simple CSS solution, in which I will be able to freeze my heading which in first column, and a scrollable body. I know there are similar question like :

Example 1 and Example 2

But all questions/ Example I have searched have following points in common.

  • Header is first row of table
  • They are not nested table.

However I have following implementation.

  • Header in first row
  • Nested table

Following is my sample html code


Code:
<table>
<tbody>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div>
<div><label></label>
<div>
<div>
<table>
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" disabled="disabled" name="boolean_26F" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C026F_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C026F_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_26F" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C026F_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0270_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Bind Selected</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c4F2659E6F1F94613B69919069140626826F_4_2">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" disabled="disabled" name="boolean_26F_1" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c4F2659E6F1F94613B69919069140626826F_4_2" /></span><label for="f_c4F2659E6F1F94613B69919069140626826F_4_2-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_26F_1" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c4F2659E6F1F94613B69919069140626826F_4_2" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c4F2659E6F1F94613B699190691406268270_4_2">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Bind Selected</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B26F_4_3">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" disabled="disabled" name="boolean_26F_2" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_cE52D70F270424B93AD29B0D72DE0290B26F_4_3" /></span><label for="f_cE52D70F270424B93AD29B0D72DE0290B26F_4_3-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_26F_2" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B26F_4_3" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B270_4_3">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Bind Selected</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c3368052A24774E088CFF7856EBF11D1326F_4_4">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" disabled="disabled" name="boolean_26F_3" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c3368052A24774E088CFF7856EBF11D1326F_4_4" /></span><label for="f_c3368052A24774E088CFF7856EBF11D1326F_4_4-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_26F_3" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c3368052A24774E088CFF7856EBF11D1326F_4_4" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c3368052A24774E088CFF7856EBF11D13270_4_4">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Bind Selected</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0272_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" checked="checked" name="boolean_272" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0272_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C0272_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_272" type="text" value="1" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0272_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0273_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Option 1</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c4F2659E6F1F94613B699190691406268272_4_2">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_272_1" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c4F2659E6F1F94613B699190691406268272_4_2" /></span><label for="f_c4F2659E6F1F94613B699190691406268272_4_2-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_272_1" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c4F2659E6F1F94613B699190691406268272_4_2" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c4F2659E6F1F94613B699190691406268273_4_2">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Option 2</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B272_4_3">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_272_2" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_cE52D70F270424B93AD29B0D72DE0290B272_4_3" /></span><label for="f_cE52D70F270424B93AD29B0D72DE0290B272_4_3-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_272_2" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B272_4_3" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B273_4_3">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Option 3</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c3368052A24774E088CFF7856EBF11D13272_4_4">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_272_3" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c3368052A24774E088CFF7856EBF11D13272_4_4" /></span><label for="f_c3368052A24774E088CFF7856EBF11D13272_4_4-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_272_3" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c3368052A24774E088CFF7856EBF11D13272_4_4" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c3368052A24774E088CFF7856EBF11D13273_4_4">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Option 4</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<th><label>LIMITS</label></th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Aggregate Limit Of Liability<span>*</span></label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0275_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0275_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="hiddenDataEl"><input name="int_275" type="hidden" value="1000000" /></div>
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" name="f_c5278A92976E44C4D9C24EF8B866E34C0275_4_1-inputEl" size="1" type="text" value="$1,000,000" placeholder="(Select)" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0275_4_1" /></div>
<div> </div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>eCrime Loss Sublimit Of Liability<span>*</span></label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0276_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0276_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="12" name="int_276" size="1" type="text" value="$250,000" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0276_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Dependent Business Sublimit of Liability</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0277_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0277_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="12" name="int_277" size="1" type="text" value="$100,000" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0277_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Ransomware Sublimit Of Liability</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0278_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0278_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="12" name="float_278|$???,???,???,???,??0" size="1" type="text" value="$100,000" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0278_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027A_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_27A" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C027A_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C027A_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_27A" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027A_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027B_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Ransomware Excl.</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Ransomware Coinsurance(%)</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027C_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C027C_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="22" name="float_27C|???,???,???,???,??0.00" size="1" type="text" value="10.00" placeholder="%" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C027C_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027E_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_27E" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C027E_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C027E_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_27E" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027E_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027F_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Coinsurance N/A</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0281_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_281" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0281_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C0281_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_281" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0281_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0282_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">See Endorsement</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Aggregate Limit Factor</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0283_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">1.00</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>RETENTIONS</label></th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Guideline Retention<span>*</span></label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0286_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">$20,000</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Selected Retention<span>*</span></label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0287_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0287_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="12" name="float_287|$???,???,???,???,??0" size="1" type="text" value="$25,000" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0287_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Retention Factor</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0288_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">0.96</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>

I want to freeze Header, in first column.
<p>I need a simple CSS solution, in which I will be able to freeze my heading which in first column, and a scrollable body. I know there are similar question like :</p>
<p><a href="https://stackoverflow.com/questions/684211/html-table-with-fixed-headers-and-a-fixed-column">Example 1</a> and <a href="https://stackoverflow.com/questions...rst-column-of-a-table-when-scrolling-possibly">Example 2</a></p>
<p>But all questions/ Example I have searched have following points in common.</p>
<ul>
<li>Header is first row of table</li>
<li>They are not nested table.</li>
</ul>
<p>However I have following implementation.</p>
<ul>
<li>Header in first row</li>
<li>Nested table</li>
</ul>
<p>Following is my sample html code</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code><table>
<tbody>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div>
<div><label></label>
<div>
<div>
<table>
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" disabled="disabled" name="boolean_26F" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C026F_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C026F_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_26F" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C026F_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0270_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Bind Selected</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c4F2659E6F1F94613B69919069140626826F_4_2">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" disabled="disabled" name="boolean_26F_1" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c4F2659E6F1F94613B69919069140626826F_4_2" /></span><label for="f_c4F2659E6F1F94613B69919069140626826F_4_2-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_26F_1" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c4F2659E6F1F94613B69919069140626826F_4_2" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c4F2659E6F1F94613B699190691406268270_4_2">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Bind Selected</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B26F_4_3">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" disabled="disabled" name="boolean_26F_2" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_cE52D70F270424B93AD29B0D72DE0290B26F_4_3" /></span><label for="f_cE52D70F270424B93AD29B0D72DE0290B26F_4_3-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_26F_2" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B26F_4_3" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B270_4_3">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Bind Selected</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c3368052A24774E088CFF7856EBF11D1326F_4_4">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" disabled="disabled" name="boolean_26F_3" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c3368052A24774E088CFF7856EBF11D1326F_4_4" /></span><label for="f_c3368052A24774E088CFF7856EBF11D1326F_4_4-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_26F_3" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c3368052A24774E088CFF7856EBF11D1326F_4_4" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c3368052A24774E088CFF7856EBF11D13270_4_4">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Bind Selected</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0272_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" checked="checked" name="boolean_272" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0272_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C0272_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_272" type="text" value="1" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0272_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0273_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Option 1</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c4F2659E6F1F94613B699190691406268272_4_2">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_272_1" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c4F2659E6F1F94613B699190691406268272_4_2" /></span><label for="f_c4F2659E6F1F94613B699190691406268272_4_2-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_272_1" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c4F2659E6F1F94613B699190691406268272_4_2" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c4F2659E6F1F94613B699190691406268273_4_2">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Option 2</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B272_4_3">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_272_2" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_cE52D70F270424B93AD29B0D72DE0290B272_4_3" /></span><label for="f_cE52D70F270424B93AD29B0D72DE0290B272_4_3-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_272_2" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B272_4_3" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_cE52D70F270424B93AD29B0D72DE0290B273_4_3">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Option 3</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c3368052A24774E088CFF7856EBF11D13272_4_4">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_272_3" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c3368052A24774E088CFF7856EBF11D13272_4_4" /></span><label for="f_c3368052A24774E088CFF7856EBF11D13272_4_4-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_272_3" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c3368052A24774E088CFF7856EBF11D13272_4_4" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c3368052A24774E088CFF7856EBF11D13273_4_4">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Option 4</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<th><label>LIMITS</label></th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Aggregate Limit Of Liability<span>*</span></label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0275_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0275_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="hiddenDataEl"><input name="int_275" type="hidden" value="1000000" /></div>
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" name="f_c5278A92976E44C4D9C24EF8B866E34C0275_4_1-inputEl" size="1" type="text" value="$1,000,000" placeholder="(Select)" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0275_4_1" /></div>
<div> </div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>eCrime Loss Sublimit Of Liability<span>*</span></label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0276_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0276_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="12" name="int_276" size="1" type="text" value="$250,000" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0276_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Dependent Business Sublimit of Liability</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0277_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0277_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="12" name="int_277" size="1" type="text" value="$100,000" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0277_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Ransomware Sublimit Of Liability</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0278_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0278_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="12" name="float_278|$???,???,???,???,??0" size="1" type="text" value="$100,000" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0278_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027A_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_27A" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C027A_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C027A_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_27A" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027A_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027B_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Ransomware Excl.</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Ransomware Coinsurance(%)</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027C_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C027C_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="22" name="float_27C|???,???,???,???,??0.00" size="1" type="text" value="10.00" placeholder="%" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C027C_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027E_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_27E" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C027E_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C027E_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_27E" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027E_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C027F_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">Coinsurance N/A</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td>
<div>
<table>
<tbody>
<tr>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0281_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="containerEl">
<table cellpadding="0" data-ref="innerCt">
<tbody>
<tr>
<td>
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="innerWrapEl"><span data-ref="displayEl"><input autocomplete="off" name="boolean_281" type="checkbox" value="1" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0281_4_1" /></span><label for="f_c5278A92976E44C4D9C24EF8B866E34C0281_4_1-inputEl" data-ref="boxLabelEl"></label></div>
<input hidden="" autocomplete="off" name="~boolean_281" type="text" value="0" data-ref="hiddenCheckBoxEl" data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0281_4_1" /><span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</td>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0282_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">See Endorsement</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Aggregate Limit Factor</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0283_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">1.00</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>RETENTIONS</label></th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Guideline Retention<span>*</span></label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0286_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">$20,000</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Selected Retention<span>*</span></label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0287_4_1">
<div><label for="f_c5278A92976E44C4D9C24EF8B866E34C0287_4_1-inputEl" data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div data-ref="triggerWrap">
<div data-ref="inputWrap"><input autocomplete="off" maxlength="12" name="float_287|$???,???,???,???,??0" size="1" type="text" value="$25,000" data-ref="inputEl" data-componentid="f_c5278A92976E44C4D9C24EF8B866E34C0287_4_1" /></div>
</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th><label>Retention Factor</label></th>
<td>
<div data-cmpid="f_c5278A92976E44C4D9C24EF8B866E34C0288_4_1">
<div><label data-ref="labelEl"><span data-ref="labelTextEl"></span></label>
<div data-ref="bodyEl">
<div tabindex="-1" data-ref="inputEl">0.96</div>
<span data-ref="ariaStatusEl"></span><span data-ref="ariaErrorEl"></span></div>
</div>
</div>
</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th> </th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table></code></pre>
</div>
</div>
</p>
<p>I want to freeze Header, in first column.</p>
Continue reading...
 
Top