<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表格插件内容部分加滚动条
向上滚动的table,js,同时支持两个table同时滚动。
在网页中,本身就有滚动条,在显示文本内容的时候,原始的滚动条已够用,一般如果我们想实现一个类似列表的控件时,也可以把所有的列表数据输出到一个完整的<table>标签,再嵌入到一个DIV中即可,然而如果数据量达到...
今天小编就为大家分享一篇layui 实现table翻页滚动条位置保持不变的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
基于Vue.js的强大的虚拟滚动条.zip,A scrolling plugin with a easy getting-start and full configuration for Vue.js.
查看网上的教程,很多人都说将什么父div设置100%,table添加scrool属性均不可 这里,解决的方法很简单,设置标签的属性即可,让其不要自动换行 $(document).ready(function() { $(th).css(white-space,
React-Double滚动条将水平滚动条添加到元素的顶部。用法React.Component渲染方法中的示例: render ( ) { return ( < div> < DoubleScrollbar> < table> ... < / table > < / DoubleScrollbar > < / div > ...
js+实现+滚动的表格,可以使页面上的表格滚动
js实现像excel表格锁定功能,拖动滚动条指定锁住的列不滚动,内容使用的是table表格 使用代码: var Options = { table : "tb", width : 600, height : 300, rows : 1, cells : 2 } new Fixed(Options);
场景重现:在项目中使用了keep-alive来缓存组件,且使用element中的table列表,但在项目中是对table进行了二次封装,跟页码合在了一起。按照网上的直接对scrollTop赋值,赋值失败了,还要加上setTimeout才能成功,...
要实现带滚动条的table,定位到某个tr,其实是很简单的,只有几行js代码就可以完成,具体内容如下 js代码 [removed] function test(){ var $objTr = $(#location); //找到要定位的地方 tr $objTr.css...
DataTables的垂直滚动条的使用 js jq html css table 表格
jQuery+js 实现Table表格可任意拖动调整列宽度大小 适用于列表页等表头拖动宽度设置,完美兼容IE,FireFox,Google Chrome浏览器。
Table Scroll在这里尝试-http://volodymyr-bobko.github.io/table-scroll/ jQuery.table_scroll插件将垂直和水平滚动条添加到HTML表格元素中。 具有垂直滚动功能。 水平滚动可能会窥视表格滚动在这里尝试-...
Excel风格的HTML Table输入控件[二]外部表格与水平垂直滚动条
利用一周的时间终于解决了,BootStrapTable 表格列头和内容不对其的问题。又需要的小伙伴来下载吧,替换原来的bootstrap-table.js即可
自定义element-ui 表格滚动条组件 by Jdes on 2019-02-18 由于 npm 的 OTP 验证问题,原来的 el-table-bar 迁移至 el-table-bar-base 请使用者删除原始包后下载 el-table-bar-base 原有功能不变 update Log v2.1.5 ...
虽然niceScroll插件很好用,毕竟它不依赖css,只是单纯的js就可以设置出好看的滚动条了。 最近在项目中使用到niceScroll,而且在表格里有横滚动条,竖滚动条时很容易错位,就是滚动条会悬浮在半空,并不是在div的底部...
自己加了点功能,1. 支持iframe内的表格2.支持表格的滚动条在左边并且可配3.表格高度可配 增加参数:doc1(页面document对象,如果想对iframe内的页面产生左右,传入那个页面的document对象),scDir(方向'left'或者right)
本文实例讲述了JavaScript中添加随滚动条滚动窗体的方法。分享给大家供大家参考,具体如下: 两种实现方式: 第一种: [removed] function scrollImg(){ var posX,posY; if (window.innerHeight) { posX = ...