时间:2021-05-26
//版本:1.0
//日期:2007/08/01
//备注:需要jQuery库
//参考:Dodo(tableRowCheckboxToggle)和softcomplex(tigra_tables)
functionKin_Tables(
Kin_Table_GetTableMethod,//得到Table的方法同$()功能必选参数
Kin_Table_Header_Offset,//从前起忽略多少行可选参数
Kin_Table_Footer_Offset,//从后起忽略多少行可选参数
Kin_Table_Odd_Style,//奇数行样式可选参数
Kin_Table_Even_Style,//偶数行样式可选参数
Kin_Table_Hover_Style,//鼠标悬停样式可选参数
Kin_Table_Click_Style//鼠标点击样式可选参数
){
$(function(){
varKin_Table_Config=[];
Kin_Table_Config.GetTableMethod=(Kin_Table_GetTableMethod?Kin_Table_GetTableMethod:".Kin_Table");
Kin_Table_Config.Header_Offset=(!isNaN(Kin_Table_Header_Offset)?Kin_Table_Header_Offset:0);
Kin_Table_Config.Footer_Offset=(!isNaN(Kin_Table_Footer_Offset)?Kin_Table_Footer_Offset:0);
Kin_Table_Config.Odd_Style=(Kin_Table_Odd_Style?Kin_Table_Odd_Style:"odd");
Kin_Table_Config.Even_Style=(Kin_Table_Even_Style?Kin_Table_Even_Style:"even");
Kin_Table_Config.Hover_Style=(Kin_Table_Hover_Style?Kin_Table_Hover_Style:"over");
Kin_Table_Config.Click_Style=(Kin_Table_Click_Style?Kin_Table_Click_Style:"clicked");
varKin_Table=$(Kin_Table_Config.GetTableMethod+"tr:nth-child(n+"+eval(Kin_Table_Config.Header_Offset+1)+")");
Kin_Table.each(function(i,row){
if(i>=Kin_Table.length-Kin_Table_Config.Footer_Offset)returnfalse;
varKin_Table_Row_Checkbox=$(row).find(":checkbox");
bChecked=false;
$(row).addClass(i%2==0?Kin_Table_Config.Odd_Style:Kin_Table_Config.Even_Style)
$(row).hover(
function(){$(this).addClass(Kin_Table_Config.Hover_Style);},
function(){$(this).removeClass(Kin_Table_Config.Hover_Style);
});
$(row).click(function(){
$(this).toggleClass(Kin_Table_Config.Click_Style);
Kin_Table_Row_Checkbox.each(function(){
this.checked=$(row).hasClass(Kin_Table_Config.Click_Style);
});
});
Kin_Table_Row_Checkbox.each(function(){
if(this.checked){
bChecked=true;
returnfalse;
}
});
if(bChecked){
$(row).addClass(Kin_Table_Config.Click_Style);
Kin_Table_Row_Checkbox.each(function(){
this.checked=true;
});
}else{
$(row).removeClass(Kin_Table_Config.Click_Style);
}
});
});
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
jQuery轻松实现表格的隔行变色和点击行变色的实例代码使用jquery设置表格样式.even{background-color:red;}.odd{backg
axure中绘制的表格想要制作当鼠标移入时整行变色,移出时恢复原来颜色,选中一行时整行变色,取消选中是恢复原来颜色,该怎么实现这个效果呢?下面我们就来看看详细的
先给大家介绍下jQuery实现表格与ckeckbox的全选与单选功能。先看看下面的效果:用户点击头的checkbox时,所有表格数据行的checkbox全选或反
在模仿easyui的dataGrid表格插件的同时,自己去封装了一个。实现了基本的json数据的动态加载,自动分页,全选全不选,鼠标悬浮变色,隔行变色等由于涉及
以word为例,表格行高设置的方法如下: 1、打开Word,选中表格。 2、点击鼠标右键,在弹出的选项里点击【表格属性】。 3、点击【行】,勾选【指定宽度