HTML下的table滚动实现

HTML下的table滚动实现,第1张

1、首先打开myeclipse获取idea这样的编辑器,在编辑器中写一个table标签,这里给出table的值。

2、然后可以在页面中看到此时展示的是没有样式的table样板,此时所有的数据没有经过渲染,比较紧凑,也不是一个页面展示。

3、可以在table中引入样式标签style来设计table的样式。

4、还可以使用内部元素,使用jquery ,在jquery中首先给table一个class属性,在JavaScript中通过.class属性获取这个table,给出样式设计。

5、根据上面的设计再经过背景、宽度、高度的设计,可以设计出一个比较好看的table。

table设置overflow-x:auto,overflow-y:hidden

thead设置overflow:hidden

tbody设置overflow-y:hidden,overflow-x:hidden

还有就是你table要定宽高


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7023777.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存