div中的table超出百分百怎么显示滚动条

想问大家一个问题,div里面的table怎么table里的td内容多时,自动出现滚动条,下面一张图是内容为空时,一张是内容增加时,显示th已经走样了这样就非常不好了,我把我的代码粘上来给给位看一看,请大家指点一下。图片说明图片说明


我代码是这样写的,那里需要改?

为什么不用现成的grid呢。如果简单的就是div设置 style=" overflow:scroll"