title: Issue with radio button while freezing column using freeze-table.js
body: <p>I have radio button in first column and I was trying to freeze first three columns. After selecting radio button, if I scroll, the radio button is showing as not selected. May I know why this is happening. (I'm guessing the issue with is clone table).</p>
  <p>Here is 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-js lang-js prettyprint-override"><code>$( document ).ready(function() {
      $(".table-multi-columns").freezeTable({
        'columnNum': 3,
        'headWrapStyles': { 'top': '0' }
      });
  })</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>clone-head-table-wrap { margin-top: 0; }
  
  .header {
      height: 150px;      
  }
  
  #header-sroll {
      position:fixed;
      height: 70px;
      background: rgb(255 115 37 / 75%);
      left:0;
      top:0;
      float:left;
      width:100%;
      -ms-transition:     all 0.3s ease-out;
      -moz-transition:    all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
      -o-transition:      all 0.3s ease-out;
      transition:         all 0.3s ease-out;
  
  }
  #header-sroll h1 {
      font-size: 30px;
      font-family: Arial;
      text-align: center;
      line-height: 50px;
       -ms-transition:    all 0.3s ease-out;
      -moz-transition:    all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
      -o-transition:      all 0.3s ease-out;
      transition:         all 0.3s ease-out;
  }
  #header-sroll.small {
      height: 70px;
      line-height: 40px;
      z-index: 99;
  }
  #header-sroll.small h1{
      height: 70px;
      line-height: 70px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://code.jquery.com/jquery-2.2.4.js"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://yidas.github.io/jquery-freeze-table/dist/js/freeze-table.js"&gt;&lt;/script&gt;
  
  &lt;div class="container-md"&gt;
  &lt;h3&gt;Fixed Table Header &amp; Columns Demo&lt;/h3&gt;
  
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pellentesque eu lorem sed pellentesque. Fusce finibus nisl in lectus vehicula pulvinar. Morbi dolor ligula, rutrum at est ultricies, vestibulum varius sapien. Donec a bibendum sem. Nunc ultricies, orci eu pellentesque pretium, quam sem condimentum libero, id accumsan lorem arcu nec metus. Nam sodales nulla non turpis interdum, ut auctor diam varius. Ut sit amet magna placerat, sagittis tellus ut, convallis augue. Integer id orci ac nunc finibus interdum tristique et augue.&lt;/p&gt;
  
  &lt;p&gt;LProin vel scelerisque odio. Etiam ut hendrerit massa. Cras sit amet consequat risus. Maecenas ac magna non purus ultricies maximus ac accumsan leo. Nam condimentum maximus orci sed ornare. Nullam nec ipsum mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas lectus dui, gravida at odio semper, vulputate facilisis libero. Sed vitae aliquet orci. Nam in orci vitae felis accumsan fringilla.&lt;/p&gt;
  
  &lt;p&gt;LDuis ut euismod justo, id gravida nisl. Vivamus nec orci nec quam sollicitudin luctus. Proin est quam, viverra quis lorem et, euismod finibus velit. Proin ultricies aliquam nisl eget lacinia. Donec nulla risus, fringilla ac imperdiet quis, placerat commodo turpis. Nam tristique, ante ut accumsan venenatis, felis nisi hendrerit nunc, eget sagittis dolor est a dolor. Quisque augue erat, lacinia ut posuere in, pellentesque ut ex. Nullam congue elit lorem, imperdiet elementum nibh suscipit id.&lt;/p&gt;
  
  &lt;div class="table-multi-columns table-fill"&gt;
      &lt;table cellspacing="0" class="table table-small-font table-bordered table-striped" style="min-width: 3400px;"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th rowspan="2"&gt;#&lt;/th&gt;
            &lt;th rowspan="2"&gt;Date&lt;/th&gt;
            &lt;th rowspan="2"&gt;Text&lt;/th&gt;
            &lt;th colspan="2"&gt;Bank (1930)&lt;/th&gt;
            &lt;th colspan="2"&gt;Eget kapital John Doe (2010)&lt;/th&gt;
            &lt;th colspan="2"&gt;Eget kapital Jane Doe (2020)&lt;/th&gt;
            &lt;th colspan="2"&gt;Utgående moms 25 % (2610)&lt;/th&gt;
            &lt;th colspan="2"&gt;Moms varuförvärv EU 25 % (2615)&lt;/th&gt;
            &lt;th colspan="2"&gt;Ingående moms 25 % (2640)&lt;/th&gt;
            &lt;th colspan="2"&gt;Ingående moms utland (2645)&lt;/th&gt;
            &lt;th colspan="2"&gt;Moms redovisningskonto (2650)&lt;/th&gt;
            &lt;th colspan="2"&gt;Momspliktiga intäkter (3000)&lt;/th&gt;
            &lt;th colspan="2"&gt;Inköp varor EU 25 % (4056)&lt;/th&gt;
            &lt;th colspan="2"&gt;Förbrukningsinventarier (5400)&lt;/th&gt;
            &lt;th colspan="2"&gt;Kontorsmaterial och trycksaker (6100)&lt;/th&gt;
            &lt;th colspan="2"&gt;Övriga externa tjänster (6500)&lt;/th&gt;
            &lt;th colspan="2"&gt;Bankavgifter (6570)&lt;/th&gt;
            &lt;th colspan="2"&gt;Årets resultat (8999)&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
            &lt;th&gt;Credit&lt;/th&gt;
            &lt;th&gt;Debit&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;th data-columns="ledger-col-0"&gt;
            &lt;div class="form-check"&gt;
                &lt;input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked&gt;
                &lt;label class="form-check-label" for="exampleRadios1"&gt;&lt;/label&gt;
            &lt;/div&gt;
            &lt;/th&gt;
            &lt;td data-priority="1" data-columns="ledger-col-1"&gt;2014-01-11&lt;/td&gt;
            &lt;td data-priority="1" data-columns="ledger-col-2"&gt;Office stuff&lt;/td&gt;
            &lt;td&gt;100 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;25 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;75 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;th data-columns="ledger-col-0"&gt;
            &lt;div class="form-check"&gt;
                &lt;input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option1" checked&gt;
                &lt;label class="form-check-label" for="exampleRadios2"&gt;&lt;/label&gt;
            &lt;/div&gt;          
            &lt;/th&gt;
            &lt;td data-priority="1" data-columns="ledger-col-1"&gt;2014-02-12&lt;/td&gt;
            &lt;td data-priority="1" data-columns="ledger-col-2"&gt;iPad&lt;/td&gt;
            &lt;td&gt;5000 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;1250 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;3750 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;th data-columns="ledger-col-0"&gt;
            &lt;div class="form-check"&gt;
                &lt;input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option1" checked&gt;
                &lt;label class="form-check-label" for="exampleRadios3"&gt;&lt;/label&gt;
            &lt;/div&gt;          
            &lt;/th&gt;
            &lt;td data-priority="1" data-columns="ledger-col-1"&gt;2014-03-20&lt;/td&gt;
            &lt;td data-priority="1" data-columns="ledger-col-2"&gt;Office stuff&lt;/td&gt;
            &lt;td&gt;100 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;25 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;75 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;th data-columns="ledger-col-0"&gt;
            &lt;div class="form-check"&gt;
                &lt;input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios4" value="option1" checked&gt;
                &lt;label class="form-check-label" for="exampleRadios4"&gt;&lt;/label&gt;
            &lt;/div&gt;          
            &lt;/th&gt;
            &lt;td data-priority="1" data-columns="ledger-col-1"&gt;2014-04-11&lt;/td&gt;
            &lt;td data-priority="1" data-columns="ledger-col-2"&gt;iPhone&lt;/td&gt;
            &lt;td&gt;7000 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;1750 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;5250 SEK&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
        &lt;tfoot&gt;
        &lt;tr&gt;
          &lt;th data-columns="ledger-col-0"&gt;&lt;/th&gt;
          &lt;th data-priority="1" data-columns="ledger-col-1"&gt;&lt;/th&gt;
          &lt;th data-priority="1" data-columns="ledger-col-2"&gt;&lt;/th&gt;
          &lt;th&gt;12 200 SEK&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;3050 SEK&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;8000 SEK&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;150 SEK&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
          &lt;th&gt;&lt;/th&gt;
        &lt;/tr&gt;
        &lt;/tfoot&gt;
      &lt;/table&gt;
  &lt;/div&gt;
      &lt;p&gt;LDuis ut euismod justo, id gravida nisl. Vivamus nec orci nec quam sollicitudin luctus. Proin est quam, viverra quis lorem et, euismod finibus velit. Proin ultricies aliquam nisl eget lacinia. Donec nulla risus, fringilla ac imperdiet quis, placerat commodo turpis. Nam tristique, ante ut accumsan venenatis, felis nisi hendrerit nunc, eget sagittis dolor est a dolor. Quisque augue erat, lacinia ut posuere in, pellentesque ut ex. Nullam congue elit lorem, imperdiet elementum nibh suscipit id.&lt;/p&gt;
  
  &lt;p&gt;LAenean rhoncus eros et dui tincidunt, non faucibus mauris condimentum. Mauris felis nisi, accumsan non magna ut, dignissim dapibus dui. Fusce est magna, aliquet ac pellentesque a, varius eu tortor. Aliquam erat volutpat. Fusce nec metus vitae magna rhoncus porttitor ac non sem. Nullam elementum velit eu metus mollis sodales. Morbi vitae nisl fringilla, congue mauris id, maximus metus. Morbi ut quam ut diam dignissim viverra non id dui. Sed ut rhoncus lacus. Praesent condimentum ultrices neque, sit amet porttitor mi sollicitudin ac.&lt;/p&gt;
  
  
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pellentesque eu lorem sed pellentesque. Fusce finibus nisl in lectus vehicula pulvinar. Morbi dolor ligula, rutrum at est ultricies, vestibulum varius sapien. Donec a bibendum sem. Nunc ultricies, orci eu pellentesque pretium, quam sem condimentum libero, id accumsan lorem arcu nec metus. Nam sodales nulla non turpis interdum, ut auctor diam varius. Ut sit amet magna placerat, sagittis tellus ut, convallis augue. Integer id orci ac nunc finibus interdum tristique et augue.&lt;/p&gt;
  
  &lt;p&gt;LProin vel scelerisque odio. Etiam ut hendrerit massa. Cras sit amet consequat risus. Maecenas ac magna non purus ultricies maximus ac accumsan leo. Nam condimentum maximus orci sed ornare. Nullam nec ipsum mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas lectus dui, gravida at odio semper, vulputate facilisis libero. Sed vitae aliquet orci. Nam in orci vitae felis accumsan fringilla.&lt;/p&gt;
  
  &lt;p&gt;LDuis ut euismod justo, id gravida nisl. Vivamus nec orci nec quam sollicitudin luctus. Proin est quam, viverra quis lorem et, euismod finibus velit. Proin ultricies aliquam nisl eget lacinia. Donec nulla risus, fringilla ac imperdiet quis, placerat commodo turpis. Nam tristique, ante ut accumsan venenatis, felis nisi hendrerit nunc, eget sagittis dolor est a dolor. Quisque augue erat, lacinia ut posuere in, pellentesque ut ex. Nullam congue elit lorem, imperdiet elementum nibh suscipit id.&lt;/p&gt;
  
  &lt;p&gt;LAenean rhoncus eros et dui tincidunt, non faucibus mauris condimentum. Mauris felis nisi, accumsan non magna ut, dignissim dapibus dui. Fusce est magna, aliquet ac pellentesque a, varius eu tortor. Aliquam erat volutpat. Fusce nec metus vitae magna rhoncus porttitor ac non sem. Nullam elementum velit eu metus mollis sodales. Morbi vitae nisl fringilla, congue mauris id, maximus metus. Morbi ut quam ut diam dignissim viverra non id dui. Sed ut rhoncus lacus. Praesent condimentum ultrices neque, sit amet porttitor mi sollicitudin ac.&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>