How can I create these type of tables in html

Question

How can I create these type of tables in html? The green one is the main header and there are some main header having subheaders. I have tried many solutions, but I can't figure out how it will work.

Answer 1

Here is example of using rowspan and colspan.

<table border="1" cellspacing="0">
    <thead>
        <tr>
            <th rowspan="2">header</th>
            <th rowspan="2">header</th>
            <th colspan="4">header</th>
            <th rowspan="2">header</th>
        </tr>
        <tr>
            <th>subheader</th>
            <th>subheader</th>
        
        </tr>
    </thead>

Refer this for more information