title: Append <th> with <td> using repeater in same column
body: <p>I am rendering the data using repeater on web page, however the data isn't displaying in the correct order.</p>
  <pre><code>&lt;asp:Repeater ID=&quot;RepeatInformation&quot; runat=&quot;server&quot;&gt;  
          &lt;HeaderTemplate&gt;
  &lt;table id=&quot;tbldata&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; rules=&quot;all&quot;&gt;  
          &lt;tr style= &quot;background-color: #eee;&quot;&gt;
              &lt;th scope=&quot;col&quot; style=&quot;width: 90px&quot;&gt;Date&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;09:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;09:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;10:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;10:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;11:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;11:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;12:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;12:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;13:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;13:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;14:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;14:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;15:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;15:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;16:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;16:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;17:00&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;17:30&lt;/th&gt;
              &lt;th scope=&quot;col&quot;&gt;18:00&lt;/th&gt;
          &lt;/tr&gt;
              &lt;/HeaderTemplate&gt;
          &lt;ItemTemplate&gt;  
              &lt;tr&gt;  
                  &lt;td&gt;&lt;%# Eval(&quot;Date&quot;) %&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;%# Eval(&quot;Time1&quot;) %&gt;&lt;/td&gt;  
                  &lt;td&gt;&lt;%# Eval(&quot;Time2&quot;) %&gt;&lt;/td&gt;  
                  &lt;td&gt;&lt;%# Eval(&quot;Time3&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time4&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time5&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time6&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time7&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time8&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time9&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time10&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time11&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time12&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time13&quot;) %&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;%# Eval(&quot;Time14&quot;) %&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;%# Eval(&quot;Time15&quot;) %&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;%# Eval(&quot;Time16&quot;) %&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;%# Eval(&quot;Time17&quot;) %&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;%# Eval(&quot;Time18&quot;) %&gt;&lt;/td&gt; 
                  &lt;td&gt;&lt;%# Eval(&quot;Time19&quot;) %&gt;&lt;/td&gt;
              &lt;/tr&gt; 
                  &lt;/table&gt;
          &lt;/ItemTemplate&gt;
  &lt;/asp:Repeater&gt; 
  </code></pre>
  <p>I have been tried to do it using the below script which I take referenced from <a href="https://stackoverflow.com/questions/1829508/append-th-class-to-td-in-the-same-column">here</a>.</p>
  <pre><code>&lt;%--&lt;script&gt;
          $(&quot;#tbldata th&quot;).each(function (i, val) {
              var th = $(this);
              var selector = &quot;td:nth-child(&quot; + (i + 1) + &quot;)&quot;;
              th.parent().siblings().find(selector).attr(&quot;#tbldata&quot;, th.attr(&quot;#tbldata&quot;));
          });
      &lt;/script&gt;--%&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/pfp1y.png" rel="nofollow noreferrer">Currently the data is showing like this</a></p>
  <p>Someone please suggest me how can I show the data in correct order column wise.</p>