<script>
show_demo=function(){
var body = document.getElementById('show_tab');
alert("d");
//data是ajax从后台拿到的数据
/* for(var property in data) {
var newRow = body.insertRow(j);
newRow.align="center";
newRow.id="newPropRow"+j;
document.getElementById("newPropRow"+j).setAttribute("className","wordhei");
var p = newRow.insertCell(0);
p.width="25%";
p.innerHTML=property;
var v = newRow.insertCell(1);
v.width="75%";
v.style.wordBreak="break-all";//超过td宽度自动换行
v.innerHTML=" "+data[property];
}*/
var newRow = body.insertRow();
newRow.align="center";
newRow.id="newPropRow";
// document.getElementById("newPropRow"+j).setAttribute("className","wordhei");
var p = newRow.insertCell(0);
p.width="25%";
p.innerHTML="我爱你";
var v = newRow.insertCell(1);
v.width="75%";
v.style.wordBreak="break-all";//超过td宽度自动换行
v.innerHTML=" "+"宝贝,亲爱的宝贝，我爱你，宝贝，你好啊！宝贝,亲爱的宝贝，我爱你，宝贝，你好啊！宝贝,亲爱的宝贝，我爱你，宝贝，你好啊！";
}
</script>
</HEAD>
<BODY onload="show_demo();">
<div style="OVERFLOW-Y:auto;width:200px;height:100px;position: absolute;left:25px" id="show_div_id">
<table width="100%" border="1" align="center" style="table- layout:fixed;word-wrap:break-word;word-break;break-all" cellpadding="2" cellspacing="0" bgcolor="#e5f0f2" id="show_tab" >
</table>
</div>
- 大小: 12.8 KB
分享到：
相关推荐
它允许用户在表格内容区域添加垂直或水平滚动条，以便在有限的空间内查看更多的数据，而不会使页面显得过于拥挤。本文将详细介绍如何使用jQuery Table Scroll插件以及相关的技术要点。 首先，要使用jQuery Table ...
为了解决"table内容出现滚动条和表头对齐问题"，我们需要深入理解表格布局、CSS样式控制以及可能涉及到的JavaScript或jQuery解决方案。 首先，让我们了解一下HTML表格的基本结构。一个HTML表格由`<table>`元素开始...
Bootstrap表格在设计网页时是一种非常常用的组件，尤其在处理大量数据时，为了提供更好的用户体验，我们经常需要在tbody部分添加竖向滚动条，同时保持表头固定不动。这样，当用户滚动内容时，表头始终保持可见，便于...
标题中的“TABLE滚动条”指的是在网页或者应用程序中，用于浏览和导航长表格内容的滚动条元素。在IT行业中，特别是在前端开发中，理解和掌握如何处理TABLE滚动条是非常重要的技能，因为它涉及到用户界面的交互性和...
在网页设计中，当表格（Table）中的数据过多时，为保持页面的整洁与易读性，通常会采用滚动条来展示超出视口范围的内容。本示例将详细讲解如何利用jQuery库为普通的HTML表格添加滚动条，以实现数据的高效浏览。 一...
标题 "OAF Table 滚动条" 涉及的是Oracle Application Framework (OAF) 中的一个特定功能，即在OAF表格组件中如何处理滚动条的问题。Oracle Application Framework是Oracle公司提供的一种企业级开发框架，用于构建...
标题中的“好看的滚动条样式”指的是在网页设计中对浏览器默认滚动条进行美化和定制的一种技术。滚动条作为用户浏览长内容时不可或缺的交互元素，其样式和用户体验往往被开发者忽视，但通过自定义，可以提升网站的...
在网页设计中，当页面内容超出了可视区域的宽度时，浏览器会自动添加水平滚动条以允许用户水平滚动查看隐藏的内容。然而，滚动条本身会占用一定的空间，这可能会导致页面宽度缩小，从而影响布局的整体美观性。为了不...
样式方面，我们可以为`.scroll-area`类添加必要的CSS，以便适应滚动条的显示： ```css .scroll-area { overflow: auto; -ms-overflow-style: none; /* IE 和 Edge */ scrollbar-width: none; /* Firefox */ } ....
然而，在实际应用中，开发者可能会遇到一些小问题，比如在使用layui table进行数据分页时，滚动条的位置在翻页后会自动复位，这会破坏用户的浏览连续性，降低使用体验。为了解决这个问题，我们可以自定义一些...
在HTML中，可以通过设置`<table>`元素的CSS样式来添加垂直滚动条。首先，我们需要限制表格的宽度或高度，使得内容溢出，然后设置`overflow`属性为`auto`或`scroll`，这样就会自动出现滚动条。以下是一个简单的例子：...
总结，给表格添加滚动条涉及到CSS样式、JavaScript库以及响应式设计等多个方面。通过合理地运用这些技术，我们可以创建既实用又美观的表格，确保用户在面对大量数据时能够轻松浏览和操作。这个案例集将帮助开发者...
根据fly社区给出的解释，横向滚动条出现的原因主要是因为数据表格的渲染有时会在浏览器的纵向滚动条出现之前完成。在这种情况下，浏览器会强制减少滚动条宽度的差，一般约为17px，从而导致横向滚动条的出现。这个...
向上滚动的table,js，同时支持两个table同时滚动。
在IT领域，尤其是在网页开发中，表格是一种常用的数据展示方式，尤其在处理大量数据时，为了提高用户体验，我们经常需要给表格添加滚动条。本文将深入探讨如何利用JavaScript（JS）实现这一功能，并结合“表格图层”...
此外，CSS还可以用来调整表格的滚动行为，比如使用`overflow: auto`属性来创建滚动条，并通过`position`和`z-index`控制元素的层叠顺序，确保隐藏副本在合适的时候显示。 关键在于JavaScript，它是实现无限循环的...