<script type="text/template" id="freeze-table-template">
  <div class="frzTbl antiscroll-wrap frzTbl--scrolled-to-left-edge">
    <div class="frzTbl-scroll-overlay antiscroll-inner">
        <div class="frzTbl-scroll-overlay__inner"></div>
    </div>
    <div class="frzTbl-content-wrapper">

        <!-- sticky outer heading -->
        <div class="frzTbl-fixed-heading-wrapper-outer">          
          <div class="frzTbl-fixed-heading-wrapper">
            <div class="frzTbl-fixed-heading-wrapper__inner">
              {{heading}}
            </div>    
          </div>
        </div>

        <!-- column shadows -->
        <div class="frzTbl-frozen-columns-wrapper">
          <!-- left -->
          <div class="frzTbl-frozen-columns-wrapper__columns frzTbl-frozen-columns-wrapper__columns--left {{hide-left-column}}"></div>
          <!-- right -->            
          <div class="frzTbl-frozen-columns-wrapper__columns frzTbl-frozen-columns-wrapper__columns--right {{hide-right-column}}"></div>
        </div>

        <!-- table -->
        <div class="frzTbl-table-wrapper">
          <div class="frzTbl-table-wrapper__inner">
            <div class="frzTbl-table-placeholder"></div>
          </div>
        </div>

    </div>
  </div>
</script>