Divide one table head into two rows

I have one table in which one table head has to have two rows and in the 2nd row also has to be divided into 4 columns. in short one head label has to be divided into 2 row label and then 2nd row again into 4 sub label.

<table class="table">
                    <thead>
                        <tr>
                            <th>A</th>
                            <th>B</th>
                            <th>C</th>
                            <th>D</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>A value</td>
                            <td>B value</td>
                            <td>C1 C2 C3 C4 value</td>
                            <td>D value</td>
                        </tr>
                    </tbody>
                </table>

I want something like this