jquery关于表格及表格列隐藏和体现标题商讨
本文为各人详细先容下关于指定表格及指定列的隐藏或许体现、取得表格的列数等等表格相关的运用技巧,感乐趣的网友可以参考下哈,但愿关于各人有所帮助
1.关于指定表格指定列隐藏体现
代码以下:
$(":checkbox[name*=month]").each(function(){
if(!$(this).attr("checked")){
var colnum = $(this).val();
$("#listPage").find('tr').find("td:eq(" + colnum.toString() + ")").hide();
$("#listPage").find('tr').find("th:eq(" + colnum.toString() + ")").hide();
} else {
var colnum = $(this).val();
$("#listPage").find('tr').find("td:eq(" + colnum.toString() + ")").show();
$("#listPage").find('tr').find("th:eq(" + colnum.toString() + ")").show();
}
});
或者:
代码以下:
$(document).ready(function(){
$("td:eq(2)",$("tr")).hide();
$("td:eq(3)",$("tr")).hide();
$("td:eq(4)",$("tr")).hide();
$("#button1").click(function(){
$("td:eq(2)",$("tr")).toggle(1000); //配置为0暗示不用动画 ,1000就1秒的时间来展示大约隐藏
$("td:eq(3)",$("tr")).toggle(1000);
$("td:eq(4)",$("tr")).toggle(1000);
});
});
2.取得表格的列数
代码以下:
var col = $("#listPage").find("th").prevAll().length;//取得表格列数
for(var i=0;i<=col;i++){
if($("#listPage").find('tr').find("th:eq(" + i.toString() + ")").css("display")=='none') {//确定列是否被隐藏
$("input[value="+i+"]").attr("checked",false);
} else {
$("input[value="+i+"]").attr("checked",true);
}
}
3.正在jquery中如果想查找一个可见的元素用 :visible
比喻$("tr:visible")
如果想找不体现的,可以用
$("tr:not(':visible')")就好了。
相关推荐
jQuery设置表格列字段筛选改变代码,jQuery设置表格列字段筛选改变代码(html)
jQuery实现表格动态修改和隐藏jQuery实现表格动态修改和隐藏jQuery实现表格动态修改和隐藏
如何使用jquery固定表格行列,固定table表头。
1.关于指定表格指定列隐藏显示 代码如下: $(“:checkbox[name*=month]”).each(function(){ if(!$(this).attr(“checked”)){ var colnum = $(this).val(); $(“#listPage”).find(‘tr’).find(“td:eq(” + colnum...
NULL 博文链接:https://pigkiller.iteye.com/blog/769116
jQuery表格可拖动调整列宽度大小
非常实用的js固定表格标题和列的实例,兼容IE6以上以及火狐、谷歌等浏览器。 尤其对页面报表非常使用。
jquery拖动的table表格的宽度隐藏表格中的内容
利用jquery实现表格动态分页,前台用jquery实现。后台用java实现动态查询数据,分页。
jquery插件colResizable实现表格列可拖拽伸缩表格大小
<h1 class="datouwang">jQuery表格列自由拖动排序 点击排序"> 序列 点击排序"> 名称 点击排序"> 数量 点击排序"> 单价(Q点) 点击排序"> 总计(Q点) <td>1 农场话费A <td>2 <td>50 <td>100...
RWD Table是一款jQuery表格头和列固定插件。该jquery插件可以在页面滚动时冻结表格头,或在横向拖动滚动条时,冻结某一表格列。
jquery实现表格排序,绝对实用。jquery实现表格排序,绝对实用。
在项目中很多时候遇到这样的问题,需要动态的增加、删除表格的行与列,在学习jQuery的过程中,自己试着在网上找寻教程,发现都不符合自己的需要,所以就动手改写了一份简单的diy表格。目前实现动态增加 删除最后一行...
jQuery表格行展开隐藏代码是一款基于Bootstrap.js表格插件制作的table表格行展开收缩隐藏效果代码。
jquery操作表格增加删除
jQuery Table表格排序显示代码是一款支持分类排序,按数字大小排序,按英文排序等等。
jQuery树型表格jquery-treetable
用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。