Responsive table in height attribute html?

I have trying to make a responsive table in height attribute. I mean, I want that the height of table downs onto the bottom of the page and its cells redistrib the space of the table. I know that with the width property I can set %, but when I do it with height it don't work. This is the code:

CSS:

#days_table{
width: 100%;
height: auto;}

.d_td{
text-align: center;
width: 10%;
height: 10%;}

html:

<div id="row2">
        <table id="days_table">
            <!-- for 3 times -->
            <tr>
                <!-- for 10 times -->
                <td class="d_td">1</td>
                <td class="d_td">2</td>
                <td class="d_td">3</td>
                <td class="d_td">4</td>
                <td class="d_td">5</td>
                <td class="d_td">6</td>
                <td class="d_td">7</td>
                <td class="d_td">8</td>
                <td class="d_td">9</td>
                <td class="d_td">10</td>
            </tr>

        </table>
    </div>

Thanks to who can help me.