antd和 material-ui 页面布局

左边是固定高度的table,右边是对应某一行的详情页，同样固定高度。
左右可以各自在屏幕内滚动
重点是 利用好布局，然后加上ProblemClientTable 和 ProblemClientDetail 这两个组件外面都包了一个div, div的样式是：

  height: calc(100% - 52px);
  overflow-y: scroll; 

使用antd:

import {
    Provider } from 'react-redux';
import Row from 'antd/lib/row';
import Col from 'antd/lib/col';

  <Provider store={
   store}>
	  <Row>
     	<Col span={
   16}>
    		<ProblemClientTable />
   		</Col>
  		<Col span={
   8