每个台桌又涉及多种状态，怎么搞？有没有什么案例
大致这种结构：
1.头部导航栏一个容器，下边内容一个容器
2.内容左右两个部分，可以使用box布局，左侧固定宽度，右侧自适应
3.左侧普通的布局就OK,右侧可使用inline-block，宽度可以用js算，或者33.3333%也无妨
4.内容的容器的高度应该是固定的（屏幕高度-导航栏高度），左侧的菜单？高度应该和容器高度一样，右侧列表的容器overflow-y:auto
如果你说数据的话，后台肯定要给你接口的呀，给你个链接地址，你用ajax拿到，比如在右边是一组对象数组【{}，{}，{}。。。】每一个对象里面的数据对应的是一个格子。有几个几个数据你就渲染几个格子。数据用字符拼接的形式。
var data = data;
var leftBox = $("#el");
for(vari= 0; i<data.length;i++ ){
data1 = data[i].XXX;
data2 = data[i].yyy;
var div = "<div><p>"+data1+"</p><p>"+data2+"</p></div>"
leftBox.append(div);}
右边是个公共部分吗？处理方式类似。
直接div布局不是好了吗？不同类型不同class