如何设置flex块的固定高度？

Question

我需要表格：

1. 滚动tbody和固定的thead高度
2. 页面高度100％
3. 一些固定宽度的div标头

所有工作分开3d点。标题的高度取决于tr计数和页面高度。这是一个小提琴：https://jsfiddle.net/DTcHh/6806/



代码（完整代码见小提琴）：

.container1 {
    height:100%;
    display: flex;
    flex-flow:column;
}

.subdiv1 {
    flex: 0 1 auto;
}

.scrolltable {
    flex: 1 1 auto;
    display: flex;
    flex-flow:column;

}

HTML：

<div class="panel panel-danger container1">
    <div class="panel-heading subdiv1">
        ->> How can I make fixed height of this div? <<--
    </div>  

    <table class="scrolltable">
    ...
    </table>
</div>