- 浏览: 175808 次
- 性别:
- 来自: 长沙
最新评论
-
goahead2010:
没看清,原来引用错误。thanks.
response.setCharacterEncoding方法未定义 -
zoutuo1986:
原来是因为 linux系统中,有一个系统进程没有启动,而这个进 ...
weblogic_domain_启动问题
---隐藏table 的tbody部分右侧的部分列(模仿别人代码写的,性能有点低)
<script type="text/javascript"> $(function(){ var table = $('table.maintable1').each(function(){ var $table = $(this).css('border-collapse','collapse'); var $tbody = $table.find('tbody').eq(0); // var sbPosition = {left: $tbody.position().left, top: $(this).position().top+$(this).height()}; //alert($(this).position().top+"---"+$(this).height()); var $scrollbar = $('<div class="scrollbar"/>').css({'position':'absolute', 'overflow-x':'auto',height:'15px',width:'0px'}) .append($('<div/>')) .appendTo($table.parent()); this.onpropertychange = function(){ sbPosition = {left: $tbody.position().left, top: $(this).position().top}; $scrollbar.css({'top':sbPosition.top-15,'left':sbPosition.left}); }; $table.bind('colnum',function(event, newColNum){ //先设置显示的行 var nFirst = 0; newColNum =newColNum -2; $tbody.find('tr').find("td[name!='trHead']").hide(); $tbody.find('tr').each(function(){ $(this).find("td[name!='trHead']").each(function(i){ if( i >= nFirst && i < nFirst + newColNum) { $(this).show(); } else { $(this).hide(); } }); }); var scrollWidth = $tbody.find('tr').first().find("td[name!='trHead']").length*$tbody.width()/newColNum; var $sb = $scrollbar; $sb.css('width',$tbody.width()); $sb.find('div').eq(0).css('width',scrollWidth); }); $scrollbar.scroll(function(){ $sb = $(this); var nNewIndex = Math.floor($sb.scrollLeft() / $sb.attr('scrollWidth') * $tbody.find('tr').first().find("td[name!='trHead']").length); var nIndex = parseInt($tbody.attr('itemIndex') || '0'); var colnum = '${baseColNum}'; colnum = colnum-2; if(nIndex!=nNewIndex) { $tbody.find('tr').each(function(){ $(this).find("td[name!='trHead']").each(function(i){ if(i >= nNewIndex && i < nNewIndex + colnum) { $(this).show(); } else { $(this).hide(); } }); }); $tbody.attr('itemIndex', nNewIndex); } }); $table.trigger('colnum','${baseColNum}'); }); }); </script>
二、发现一个问题,不为何?
问题描述:当页面顶部有下列代码时,滚动条显示不出来。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
三、总结:
加给table加滚动条,其实是
1、在table外,包了div,
2、将table中的多余部分隐藏掉。
3、修改div的滚动条滚动事件。
发表评论
-
Error finishing response ArrayIndexOutOfBoundsException 8192
2016-09-10 14:13 2131Sep 10, 2016 10:45:15 AM org. ... -
jquery.ajax重复提交出现的error
2015-12-02 10:32 1126---IE8不会出现改错误,chrome 会出现 弹出页 ... -
负向预查的运用后笔记
2015-11-26 09:51 5181,格式(?!pattern) 2,定义 负向预查,在 ... -
读别人的js
2015-11-06 14:27 1070baidu.browser.ie = baidu.ie = ... -
达梦笔记
2015-10-25 11:29 955查询sql中的字段中不能使用关键字 除非update{ ... -
solr导入配置规则总结
2015-09-29 18:06 848<dataConfig> <dataS ... -
java.util.zip.ZipFile解析不能zip类文件(ofd)
2015-09-24 10:27 1215第三方提供了解析ofdjar包,使用的时候直接报错,发现 在 ... -
IE8下jquery.dataTables.js 无数据的cell 的值显示null
2015-06-04 14:38 1092IE8下jquery.dataTables.js 无数据的 ... -
Not valid UTF8! byte B3 in state 0
2015-06-04 10:35 40952015-06-04 10:30:40.032:WARN:o ... -
jacob编辑word_doc
2014-10-24 16:31 506POI搞docx 可以,但是搞不定doc,只有使用jacob ... -
jacob and winword.exe
2014-10-24 16:22 875public boolean writeWordFile ... -
项目中加spring 定时器 定时任务
2014-07-23 13:53 8961关键是配置 配置分为四层 bean1,org.spri ... -
WdatePicker.js没有权限
2014-07-23 13:46 5481----------------IE 9 中 消息: 没有 ... -
jxl.write.biff.WritableWorkbookImpl.write(WritableWorkbookImpl.java:726)
2014-07-17 15:45 1463java.lang.ArrayIndexOutOfBound ... -
getOutputStream() has already been called for this response
2014-06-24 13:55 665java.lang.IllegalStateExcepti ... -
websphere与org.dom4j.DocumentException与GBK
2012-10-31 20:07 1468问题源头--------------------------- ... -
sun.io.MalformedInputException与webshpere6.1.0.21与spring
2012-10-31 19:34 28691、问题描述 在webshpere6.1.0.21部署war ... -
IWAB0503E Unable to update Java build path
2012-10-31 19:36 54411、问题描述 在Eclipse3.6中,利用wsdl文件,生 ... -
"hibernate的sqlquery" 与"sqlserver 表char类型"的矛盾
2012-09-24 15:14 1750一、问题描述 1.1、 使用hibernate的findB ... -
sqlserver2005安装、创建用户、jdbc连接过程中的点点滴滴
2012-09-21 19:43 1232项目的数据库需要从oracle改为sqlserve ...
相关推荐
table内容出现滚动条和表头对齐
jQuery table scroll表格插件内容部分加滚动条
bootstrap的tbody加竖向滚动条,而且当前表格的表头。bootstrap的tbody加竖向滚动条,而且当前表格的表头。bootstrap的tbody加竖向滚动条,而且当前表格的表头。
element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的滚动条样式自定义,element table固定头部ie的...
今天小编就为大家分享一篇解决layui数据表格table的横向滚动条显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
根据不同需求固定指定列进行横向滚动操作 提供有Index.html,Index.js文件 Index.js可进行拓展(固定指定行进行垂直滚动操作)
table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table表格,让thead固定,tbody有滚动条,关键是都对齐的纯css写法。table...
使用bootstrap编写的动态表格【当滚动纵向的滚动条时,表格的表头处于悬浮状态,表格的内容滚动;当滚动横向的滚动条时,表格的表头和表格的内容对应着一起滚动】
实现横向滚动视图里含有可以纵向滑动的Table,也可以理解为横向table嵌套纵向table(与appstore布局相反)。横向的scrollView上面始终只有3个View,重复使用,避难内存紧张,适用于做类似卡片的应用。
在不知道table的ID的情况下。隐藏table里面的tr td
任意改变table表格td的宽度 动态td的宽度 任意改变table表格td的宽度 动态td的宽度 任意改变table表格td的宽度 动态td的宽度
vue自定义浏览器滚动条(已兼容ie)
jquery给表格加滚动条的一个示例,用于普通table
1、数据较多时需要横向竖向滚动,很多数值记不清谁是谁了,所以需要主要标题内容需要固定。 2、通常的首行首列的固定,下方滚动条左侧会空缺一块,不够美观,我加了一层悬浮的div 给予适应
NULL 博文链接:https://hjy2099.iteye.com/blog/1562338
jquery自下而上循环滚动table
横向滚动条怎么出来?很多人肯定以为是:overflow-x:scroll;当然不是这么简单的,下面这篇文章主要给大家介绍了关于如何实现横向滚动条的2种方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下