如何给table顶端加水平滚动条

最新推荐文章于 2023-08-25 17:34:57 发布

原创最新推荐文章于 2023-08-25 17:34:57 发布 · 684 阅读

0 ·

CC 4.0 BY-SA版权

Web前端专栏收录该内容

61 篇文章

订阅专栏

本文探讨了如何在网页中实现表格数据的横向滚动，并通过JavaScript控制滚动窗口的位置，优化用户体验。

<script language=javascript>
							 function scrollWindow(obj,id)
							 {
							 document.getElementById(id).scrollLeft=obj.scrollLeft
							 }
							 </script> 
							 <div id="div1" style="overflow-x:scroll;width:1050px;height:14" onscroll="scrollWindow(this,'scroll_tab')">
							 <div id="div1" style="width:1400px"> 
							 </div>
							 </div>
							<div style="overflow-x: scroll;width:1050px" id="scroll_tab"  onscroll="scrollWindow(this,'div1')">
								<table class="table  table-bordered   dataTable"  id="sample_1" style="width:1400px">
<tr><td>22</td></tr>
<tr><td>333</td></tr>
<tr><td>44</td></tr>
<tr><td>55</td></tr>
</table>