How to create html table with subcolumns group?





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







0















I want to make a table in html that will be like this:






<style>
BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
TH { font-size: 80% }
TD { font-size: 80% }

TD.Layout { background-color: white}
TH.Title { background-color: #A0E0A0}
TD.Item { background-color: #E8E8E8}

</style>


<TABLE border ="1" cellspacing ="2" cellpadding ="6">
<TR>
<TH class="Title" rowspan = 2>Name</TH>
<TH class="Title" align="center" colspan = 2>2017 statistics</TH>
<TH class="Title" align="center" colspan = 2>2018 statistics</TH>
</TR>
<TR>
<TH class="Title" align="center">Value 1</TH>
<TH class="Title" align="center">Value 2</TH>
<TH class="Title" align="center">Value 1</TH>
<TH class="Title" align="center">Value 2</TH>
</TR>
<TR>
<TH class="Title" align="center">John</TH>
<TD class="Item" align="center">1</TD>
<TD class="Item" align="center">2</TD>
<TD class="Item" align="center">3</TD>
<TD class="Item" align="center">4</TD>
</TR>
<TR>
<TH class="Title" align="center">George</TH>
<TD class="Item" align="center">5</TD>
<TD class="Item" align="center">6</TD>
<TD class="Item" align="center">7</TD>
<TD class="Item" align="center">8</TD>
</TR>
</TABLE>





The point is that in every year there will be 5 or 6 subcolumns and I want to group them somehow in order to be easier for somebody to look at the table and understand which subcolumn belongs to every year without looking the header every time. A nice solution could be different border color for every year.










share|improve this question































    0















    I want to make a table in html that will be like this:






    <style>
    BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
    TH { font-size: 80% }
    TD { font-size: 80% }

    TD.Layout { background-color: white}
    TH.Title { background-color: #A0E0A0}
    TD.Item { background-color: #E8E8E8}

    </style>


    <TABLE border ="1" cellspacing ="2" cellpadding ="6">
    <TR>
    <TH class="Title" rowspan = 2>Name</TH>
    <TH class="Title" align="center" colspan = 2>2017 statistics</TH>
    <TH class="Title" align="center" colspan = 2>2018 statistics</TH>
    </TR>
    <TR>
    <TH class="Title" align="center">Value 1</TH>
    <TH class="Title" align="center">Value 2</TH>
    <TH class="Title" align="center">Value 1</TH>
    <TH class="Title" align="center">Value 2</TH>
    </TR>
    <TR>
    <TH class="Title" align="center">John</TH>
    <TD class="Item" align="center">1</TD>
    <TD class="Item" align="center">2</TD>
    <TD class="Item" align="center">3</TD>
    <TD class="Item" align="center">4</TD>
    </TR>
    <TR>
    <TH class="Title" align="center">George</TH>
    <TD class="Item" align="center">5</TD>
    <TD class="Item" align="center">6</TD>
    <TD class="Item" align="center">7</TD>
    <TD class="Item" align="center">8</TD>
    </TR>
    </TABLE>





    The point is that in every year there will be 5 or 6 subcolumns and I want to group them somehow in order to be easier for somebody to look at the table and understand which subcolumn belongs to every year without looking the header every time. A nice solution could be different border color for every year.










    share|improve this question



























      0












      0








      0








      I want to make a table in html that will be like this:






      <style>
      BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
      TH { font-size: 80% }
      TD { font-size: 80% }

      TD.Layout { background-color: white}
      TH.Title { background-color: #A0E0A0}
      TD.Item { background-color: #E8E8E8}

      </style>


      <TABLE border ="1" cellspacing ="2" cellpadding ="6">
      <TR>
      <TH class="Title" rowspan = 2>Name</TH>
      <TH class="Title" align="center" colspan = 2>2017 statistics</TH>
      <TH class="Title" align="center" colspan = 2>2018 statistics</TH>
      </TR>
      <TR>
      <TH class="Title" align="center">Value 1</TH>
      <TH class="Title" align="center">Value 2</TH>
      <TH class="Title" align="center">Value 1</TH>
      <TH class="Title" align="center">Value 2</TH>
      </TR>
      <TR>
      <TH class="Title" align="center">John</TH>
      <TD class="Item" align="center">1</TD>
      <TD class="Item" align="center">2</TD>
      <TD class="Item" align="center">3</TD>
      <TD class="Item" align="center">4</TD>
      </TR>
      <TR>
      <TH class="Title" align="center">George</TH>
      <TD class="Item" align="center">5</TD>
      <TD class="Item" align="center">6</TD>
      <TD class="Item" align="center">7</TD>
      <TD class="Item" align="center">8</TD>
      </TR>
      </TABLE>





      The point is that in every year there will be 5 or 6 subcolumns and I want to group them somehow in order to be easier for somebody to look at the table and understand which subcolumn belongs to every year without looking the header every time. A nice solution could be different border color for every year.










      share|improve this question
















      I want to make a table in html that will be like this:






      <style>
      BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
      TH { font-size: 80% }
      TD { font-size: 80% }

      TD.Layout { background-color: white}
      TH.Title { background-color: #A0E0A0}
      TD.Item { background-color: #E8E8E8}

      </style>


      <TABLE border ="1" cellspacing ="2" cellpadding ="6">
      <TR>
      <TH class="Title" rowspan = 2>Name</TH>
      <TH class="Title" align="center" colspan = 2>2017 statistics</TH>
      <TH class="Title" align="center" colspan = 2>2018 statistics</TH>
      </TR>
      <TR>
      <TH class="Title" align="center">Value 1</TH>
      <TH class="Title" align="center">Value 2</TH>
      <TH class="Title" align="center">Value 1</TH>
      <TH class="Title" align="center">Value 2</TH>
      </TR>
      <TR>
      <TH class="Title" align="center">John</TH>
      <TD class="Item" align="center">1</TD>
      <TD class="Item" align="center">2</TD>
      <TD class="Item" align="center">3</TD>
      <TD class="Item" align="center">4</TD>
      </TR>
      <TR>
      <TH class="Title" align="center">George</TH>
      <TD class="Item" align="center">5</TD>
      <TD class="Item" align="center">6</TD>
      <TD class="Item" align="center">7</TD>
      <TD class="Item" align="center">8</TD>
      </TR>
      </TABLE>





      The point is that in every year there will be 5 or 6 subcolumns and I want to group them somehow in order to be easier for somebody to look at the table and understand which subcolumn belongs to every year without looking the header every time. A nice solution could be different border color for every year.






      <style>
      BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
      TH { font-size: 80% }
      TD { font-size: 80% }

      TD.Layout { background-color: white}
      TH.Title { background-color: #A0E0A0}
      TD.Item { background-color: #E8E8E8}

      </style>


      <TABLE border ="1" cellspacing ="2" cellpadding ="6">
      <TR>
      <TH class="Title" rowspan = 2>Name</TH>
      <TH class="Title" align="center" colspan = 2>2017 statistics</TH>
      <TH class="Title" align="center" colspan = 2>2018 statistics</TH>
      </TR>
      <TR>
      <TH class="Title" align="center">Value 1</TH>
      <TH class="Title" align="center">Value 2</TH>
      <TH class="Title" align="center">Value 1</TH>
      <TH class="Title" align="center">Value 2</TH>
      </TR>
      <TR>
      <TH class="Title" align="center">John</TH>
      <TD class="Item" align="center">1</TD>
      <TD class="Item" align="center">2</TD>
      <TD class="Item" align="center">3</TD>
      <TD class="Item" align="center">4</TD>
      </TR>
      <TR>
      <TH class="Title" align="center">George</TH>
      <TD class="Item" align="center">5</TD>
      <TD class="Item" align="center">6</TD>
      <TD class="Item" align="center">7</TD>
      <TD class="Item" align="center">8</TD>
      </TR>
      </TABLE>





      <style>
      BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
      TH { font-size: 80% }
      TD { font-size: 80% }

      TD.Layout { background-color: white}
      TH.Title { background-color: #A0E0A0}
      TD.Item { background-color: #E8E8E8}

      </style>


      <TABLE border ="1" cellspacing ="2" cellpadding ="6">
      <TR>
      <TH class="Title" rowspan = 2>Name</TH>
      <TH class="Title" align="center" colspan = 2>2017 statistics</TH>
      <TH class="Title" align="center" colspan = 2>2018 statistics</TH>
      </TR>
      <TR>
      <TH class="Title" align="center">Value 1</TH>
      <TH class="Title" align="center">Value 2</TH>
      <TH class="Title" align="center">Value 1</TH>
      <TH class="Title" align="center">Value 2</TH>
      </TR>
      <TR>
      <TH class="Title" align="center">John</TH>
      <TD class="Item" align="center">1</TD>
      <TD class="Item" align="center">2</TD>
      <TD class="Item" align="center">3</TD>
      <TD class="Item" align="center">4</TD>
      </TR>
      <TR>
      <TH class="Title" align="center">George</TH>
      <TD class="Item" align="center">5</TD>
      <TD class="Item" align="center">6</TD>
      <TD class="Item" align="center">7</TD>
      <TD class="Item" align="center">8</TD>
      </TR>
      </TABLE>






      html-table






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Jan 7 at 6:37









      Nandini Venkateshan

      25829




      25829










      asked Jan 3 at 16:23









      John StergiouJohn Stergiou

      256




      256
























          1 Answer
          1






          active

          oldest

          votes


















          1














          Two easy solutions that I can think of are:




          1. Styling based on year.





          <style>
          BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
          TH { font-size: 80% }
          TD { font-size: 80% }

          TD.Layout { background-color: white}
          TH.Title { background-color: #A0E0A0}
          TD.Item { background-color: #E8E8E8}

          .Year2017 {background-color: #145214}
          .Year2018 {background-color: #000080}

          </style>


          <TABLE border ="1" cellspacing ="2" cellpadding ="6">
          <TR>
          <TH class="Title" rowspan = 2>Name</TH>
          <TH class="Year2017" align="center" colspan = 2>2017 statistics</TH>
          <TH class="Year2018" align="center" colspan = 2>2018 statistics</TH>
          </TR>
          <TR>
          <TH class="Year2017" align="center">Value 1</TH>
          <TH class="Year2017" align="center">Value 2</TH>
          <TH class="Year2018" align="center">Value 1</TH>
          <TH class="Year2018" align="center">Value 2</TH>
          </TR>
          <TR>
          <TH class="Title" align="center">John</TH>
          <TD class="Year2017" align="center">1</TD>
          <TD class="Year2017" align="center">2</TD>
          <TD class="Year2018" align="center">3</TD>
          <TD class="Year2018" align="center">4</TD>
          </TR>
          <TR>
          <TH class="Title" align="center">George</TH>
          <TD class="Year2017" align="center">5</TD>
          <TD class="Year2017" align="center">6</TD>
          <TD class="Year2018" align="center">7</TD>
          <TD class="Year2018" align="center">8</TD>
          </TR>
          </TABLE>






          1. CSS tooltip. Tooltip can represent the year and hence we don't need to look at header for year value.


          For reference: https://www.w3schools.com/css/css_tooltip.asp






          share|improve this answer


























          • This is it! It is just fine for me! Thanx a lot and happy new year my friend!!

            – John Stergiou
            Jan 3 at 17:16












          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54026121%2fhow-to-create-html-table-with-subcolumns-group%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          1














          Two easy solutions that I can think of are:




          1. Styling based on year.





          <style>
          BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
          TH { font-size: 80% }
          TD { font-size: 80% }

          TD.Layout { background-color: white}
          TH.Title { background-color: #A0E0A0}
          TD.Item { background-color: #E8E8E8}

          .Year2017 {background-color: #145214}
          .Year2018 {background-color: #000080}

          </style>


          <TABLE border ="1" cellspacing ="2" cellpadding ="6">
          <TR>
          <TH class="Title" rowspan = 2>Name</TH>
          <TH class="Year2017" align="center" colspan = 2>2017 statistics</TH>
          <TH class="Year2018" align="center" colspan = 2>2018 statistics</TH>
          </TR>
          <TR>
          <TH class="Year2017" align="center">Value 1</TH>
          <TH class="Year2017" align="center">Value 2</TH>
          <TH class="Year2018" align="center">Value 1</TH>
          <TH class="Year2018" align="center">Value 2</TH>
          </TR>
          <TR>
          <TH class="Title" align="center">John</TH>
          <TD class="Year2017" align="center">1</TD>
          <TD class="Year2017" align="center">2</TD>
          <TD class="Year2018" align="center">3</TD>
          <TD class="Year2018" align="center">4</TD>
          </TR>
          <TR>
          <TH class="Title" align="center">George</TH>
          <TD class="Year2017" align="center">5</TD>
          <TD class="Year2017" align="center">6</TD>
          <TD class="Year2018" align="center">7</TD>
          <TD class="Year2018" align="center">8</TD>
          </TR>
          </TABLE>






          1. CSS tooltip. Tooltip can represent the year and hence we don't need to look at header for year value.


          For reference: https://www.w3schools.com/css/css_tooltip.asp






          share|improve this answer


























          • This is it! It is just fine for me! Thanx a lot and happy new year my friend!!

            – John Stergiou
            Jan 3 at 17:16
















          1














          Two easy solutions that I can think of are:




          1. Styling based on year.





          <style>
          BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
          TH { font-size: 80% }
          TD { font-size: 80% }

          TD.Layout { background-color: white}
          TH.Title { background-color: #A0E0A0}
          TD.Item { background-color: #E8E8E8}

          .Year2017 {background-color: #145214}
          .Year2018 {background-color: #000080}

          </style>


          <TABLE border ="1" cellspacing ="2" cellpadding ="6">
          <TR>
          <TH class="Title" rowspan = 2>Name</TH>
          <TH class="Year2017" align="center" colspan = 2>2017 statistics</TH>
          <TH class="Year2018" align="center" colspan = 2>2018 statistics</TH>
          </TR>
          <TR>
          <TH class="Year2017" align="center">Value 1</TH>
          <TH class="Year2017" align="center">Value 2</TH>
          <TH class="Year2018" align="center">Value 1</TH>
          <TH class="Year2018" align="center">Value 2</TH>
          </TR>
          <TR>
          <TH class="Title" align="center">John</TH>
          <TD class="Year2017" align="center">1</TD>
          <TD class="Year2017" align="center">2</TD>
          <TD class="Year2018" align="center">3</TD>
          <TD class="Year2018" align="center">4</TD>
          </TR>
          <TR>
          <TH class="Title" align="center">George</TH>
          <TD class="Year2017" align="center">5</TD>
          <TD class="Year2017" align="center">6</TD>
          <TD class="Year2018" align="center">7</TD>
          <TD class="Year2018" align="center">8</TD>
          </TR>
          </TABLE>






          1. CSS tooltip. Tooltip can represent the year and hence we don't need to look at header for year value.


          For reference: https://www.w3schools.com/css/css_tooltip.asp






          share|improve this answer


























          • This is it! It is just fine for me! Thanx a lot and happy new year my friend!!

            – John Stergiou
            Jan 3 at 17:16














          1












          1








          1







          Two easy solutions that I can think of are:




          1. Styling based on year.





          <style>
          BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
          TH { font-size: 80% }
          TD { font-size: 80% }

          TD.Layout { background-color: white}
          TH.Title { background-color: #A0E0A0}
          TD.Item { background-color: #E8E8E8}

          .Year2017 {background-color: #145214}
          .Year2018 {background-color: #000080}

          </style>


          <TABLE border ="1" cellspacing ="2" cellpadding ="6">
          <TR>
          <TH class="Title" rowspan = 2>Name</TH>
          <TH class="Year2017" align="center" colspan = 2>2017 statistics</TH>
          <TH class="Year2018" align="center" colspan = 2>2018 statistics</TH>
          </TR>
          <TR>
          <TH class="Year2017" align="center">Value 1</TH>
          <TH class="Year2017" align="center">Value 2</TH>
          <TH class="Year2018" align="center">Value 1</TH>
          <TH class="Year2018" align="center">Value 2</TH>
          </TR>
          <TR>
          <TH class="Title" align="center">John</TH>
          <TD class="Year2017" align="center">1</TD>
          <TD class="Year2017" align="center">2</TD>
          <TD class="Year2018" align="center">3</TD>
          <TD class="Year2018" align="center">4</TD>
          </TR>
          <TR>
          <TH class="Title" align="center">George</TH>
          <TD class="Year2017" align="center">5</TD>
          <TD class="Year2017" align="center">6</TD>
          <TD class="Year2018" align="center">7</TD>
          <TD class="Year2018" align="center">8</TD>
          </TR>
          </TABLE>






          1. CSS tooltip. Tooltip can represent the year and hence we don't need to look at header for year value.


          For reference: https://www.w3schools.com/css/css_tooltip.asp






          share|improve this answer















          Two easy solutions that I can think of are:




          1. Styling based on year.





          <style>
          BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
          TH { font-size: 80% }
          TD { font-size: 80% }

          TD.Layout { background-color: white}
          TH.Title { background-color: #A0E0A0}
          TD.Item { background-color: #E8E8E8}

          .Year2017 {background-color: #145214}
          .Year2018 {background-color: #000080}

          </style>


          <TABLE border ="1" cellspacing ="2" cellpadding ="6">
          <TR>
          <TH class="Title" rowspan = 2>Name</TH>
          <TH class="Year2017" align="center" colspan = 2>2017 statistics</TH>
          <TH class="Year2018" align="center" colspan = 2>2018 statistics</TH>
          </TR>
          <TR>
          <TH class="Year2017" align="center">Value 1</TH>
          <TH class="Year2017" align="center">Value 2</TH>
          <TH class="Year2018" align="center">Value 1</TH>
          <TH class="Year2018" align="center">Value 2</TH>
          </TR>
          <TR>
          <TH class="Title" align="center">John</TH>
          <TD class="Year2017" align="center">1</TD>
          <TD class="Year2017" align="center">2</TD>
          <TD class="Year2018" align="center">3</TD>
          <TD class="Year2018" align="center">4</TD>
          </TR>
          <TR>
          <TH class="Title" align="center">George</TH>
          <TD class="Year2017" align="center">5</TD>
          <TD class="Year2017" align="center">6</TD>
          <TD class="Year2018" align="center">7</TD>
          <TD class="Year2018" align="center">8</TD>
          </TR>
          </TABLE>






          1. CSS tooltip. Tooltip can represent the year and hence we don't need to look at header for year value.


          For reference: https://www.w3schools.com/css/css_tooltip.asp






          <style>
          BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
          TH { font-size: 80% }
          TD { font-size: 80% }

          TD.Layout { background-color: white}
          TH.Title { background-color: #A0E0A0}
          TD.Item { background-color: #E8E8E8}

          .Year2017 {background-color: #145214}
          .Year2018 {background-color: #000080}

          </style>


          <TABLE border ="1" cellspacing ="2" cellpadding ="6">
          <TR>
          <TH class="Title" rowspan = 2>Name</TH>
          <TH class="Year2017" align="center" colspan = 2>2017 statistics</TH>
          <TH class="Year2018" align="center" colspan = 2>2018 statistics</TH>
          </TR>
          <TR>
          <TH class="Year2017" align="center">Value 1</TH>
          <TH class="Year2017" align="center">Value 2</TH>
          <TH class="Year2018" align="center">Value 1</TH>
          <TH class="Year2018" align="center">Value 2</TH>
          </TR>
          <TR>
          <TH class="Title" align="center">John</TH>
          <TD class="Year2017" align="center">1</TD>
          <TD class="Year2017" align="center">2</TD>
          <TD class="Year2018" align="center">3</TD>
          <TD class="Year2018" align="center">4</TD>
          </TR>
          <TR>
          <TH class="Title" align="center">George</TH>
          <TD class="Year2017" align="center">5</TD>
          <TD class="Year2017" align="center">6</TD>
          <TD class="Year2018" align="center">7</TD>
          <TD class="Year2018" align="center">8</TD>
          </TR>
          </TABLE>





          <style>
          BODY { color: black; background-color: white; font-family: Verdana, Arial, Helvetica; font-size: 80% }
          TH { font-size: 80% }
          TD { font-size: 80% }

          TD.Layout { background-color: white}
          TH.Title { background-color: #A0E0A0}
          TD.Item { background-color: #E8E8E8}

          .Year2017 {background-color: #145214}
          .Year2018 {background-color: #000080}

          </style>


          <TABLE border ="1" cellspacing ="2" cellpadding ="6">
          <TR>
          <TH class="Title" rowspan = 2>Name</TH>
          <TH class="Year2017" align="center" colspan = 2>2017 statistics</TH>
          <TH class="Year2018" align="center" colspan = 2>2018 statistics</TH>
          </TR>
          <TR>
          <TH class="Year2017" align="center">Value 1</TH>
          <TH class="Year2017" align="center">Value 2</TH>
          <TH class="Year2018" align="center">Value 1</TH>
          <TH class="Year2018" align="center">Value 2</TH>
          </TR>
          <TR>
          <TH class="Title" align="center">John</TH>
          <TD class="Year2017" align="center">1</TD>
          <TD class="Year2017" align="center">2</TD>
          <TD class="Year2018" align="center">3</TD>
          <TD class="Year2018" align="center">4</TD>
          </TR>
          <TR>
          <TH class="Title" align="center">George</TH>
          <TD class="Year2017" align="center">5</TD>
          <TD class="Year2017" align="center">6</TD>
          <TD class="Year2018" align="center">7</TD>
          <TD class="Year2018" align="center">8</TD>
          </TR>
          </TABLE>






          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited Jan 3 at 17:00

























          answered Jan 3 at 16:43









          user1579234user1579234

          319414




          319414













          • This is it! It is just fine for me! Thanx a lot and happy new year my friend!!

            – John Stergiou
            Jan 3 at 17:16



















          • This is it! It is just fine for me! Thanx a lot and happy new year my friend!!

            – John Stergiou
            Jan 3 at 17:16

















          This is it! It is just fine for me! Thanx a lot and happy new year my friend!!

          – John Stergiou
          Jan 3 at 17:16





          This is it! It is just fine for me! Thanx a lot and happy new year my friend!!

          – John Stergiou
          Jan 3 at 17:16




















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54026121%2fhow-to-create-html-table-with-subcolumns-group%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          'app-layout' is not a known element: how to share Component with different Modules

          android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

          WPF add header to Image with URL pettitions [duplicate]