jsp中的table控件是一个面板控件,本家儿如果展示面板内容的,table自带的有一个width属性是展示table宽度的,可是为了顺应整体一般我们利用style或者class的属性,具体方式如下
起首我们打开我们的myeclipse获取idea如许的编纂器,然后在编纂器中写一个table标签,这里注重给出table的值
然后我们可以在页面中看到此时展示的是没有样式的table样板,此时所有的数据没有颠末衬着,比力紧凑,也不是一个页面展示
我们可以在table中引入样式标签style来设计table的样式,代码为
style="width: 100%; max-width: 100%;margin-bottom: 20px;"暗示占用屏幕宽度的100%
设置了屏幕展示table宽度后我们可以看到此时展示的样式如下,样式中数据已经充实睁开
上一种法子是利用内部元素,还有一种法子是利用jquery ,在jquery中起首给table一个class属性,然后在JavaScript中经由过程.class属性获取这个table,然后给出样式设计
按照上面的设计我们再颠末布景、宽度、高度的设计我们可以设计出一个比力都雅的table,具体展示如下
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!