.ttable{
    display:table;
    width: 90%;
    border: 1px solid #000;
    background: #eee;
}
.trow{
    display:table-row;
}
.theaders { color: #505; font-weight: bold;}
.tfooters { color: #055;}
.tcell{
    background: #eee;
    display:table-cell;
    border: 1px solid #fff;
}

.col1 { width:20%;}
.col2 { width:20%;}
.col3 { width:20%;}
.col4 { width:20%;}
.col5 { width:20%;}
/*
<div class="ttable">
    <div class="trow theaders">
        <div class="tcell col1">Col1</div>
        <div class="tcell col2">Col2</div>
        <div class="tcell col3">Col3</div>
        <div class="tcell col4">Col4</div>
        <div class="tcell col5">Col5</div>
    </div>
    <div class="trow">
        <div class="tcell col1">1</div>
        <div class="tcell col2">2</div>
        <div class="tcell col3">3</div>
        
        <div class="tcell col5">5</div>
    </div>
    <div class="trow">
        <div class="tcell col1">1</div>
        <div class="tcell col2">2</div>
        <div class="tcell col3">3</div>
        <div class="tcell col4">4</div>
        <div class="tcell col5">5</div>
    </div>
    <div class="trow">
        <div class="tcell col1">1</div>
        <div class="tcell col2">2</div>
        <div class="tcell col3">3</div>
        <div class="tcell col4">4</div>
        <div class="tcell col5">5</div>
    </div>
    <div class="trow footers">
        <div class="tcell col1">Footer</div>
        <div class="tcell col2"></div>
        <div class="tcell col3"></div>
        <div class="tcell col4"></div>
        <div class="tcell col5"></div>
    </div>
</div>
*/