title: How to display column names in every row in the table?
body: <p>I want to display column names in every row in the table. I am using Bootstrap for a clear look. How can I do it?</p>
  <p><strong>wp.html</strong></p>
  <pre><code>&lt;body&gt;
    &lt;div class=&quot;container p-5  &quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
          &lt;div id=&quot;main&quot; class=&quot;col-xs-7 col-lg-8&quot;&gt;
              &lt;table class=&quot;table table-borderless&quot;&gt;
                  &lt;thead&gt;
                  &lt;tr&gt;
  
                      &lt;th scope=&quot;col&quot;&gt;Vehicle&lt;/th&gt;
                      &lt;th scope=&quot;col&quot;&gt;Type&lt;/th&gt;
                      &lt;th scope=&quot;col&quot;&gt;Date&lt;/th&gt;
                      &lt;th scope=&quot;col&quot;&gt;Route&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;AIN 4525&lt;/td&gt;
                      &lt;td&gt;QHSE&lt;/td&gt;
                      &lt;td&gt;12:03pm&lt;/td&gt;
                      &lt;td&gt;Lorem Ipsum&lt;/td&gt;
                  &lt;/tr&gt;&lt;tr&gt;
        ...
  &lt;/body&gt;
  </code></pre>
  <p>This is what I want:</p>
  <p><a href="https://i.stack.imgur.com/4WYKL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4WYKL.png" alt="Table Example" /></a></p>