table拖动(兼容Firefox 3.5/IE6)，固定表格宽度table拖动(兼容Firefox 3.5/IE6)，固定表格宽度 watch_dog){ o.p_p_p_sw(o.parentNode.cellIndex+1,watch_dog-o.p_p_c_gw(0)); return; } var t=a.clientX-lastX;out.innerHTML=t; if(t>0) {//right if(parseInt(o.parentNode.parentNode.cells[o.parentNode.cellIndex+1].style.width)-t 序号 公司名称 订单客户 部门 业务员 交款方式 1 脚本之家 jb51.net 广告部 王天一 ...
1. jQuery tablesorterhttp://tablesorter.com/docs/ 2. Table sorting with Prototypehttp://tetlaw.id.au/view/blog/table-sorting-with-prototype/ 3. Sorttablehttp://www.kryogenix.org/code/browser/sorttable/ 4. Table Sorting Javascripthttp://yoast.com/articles/sortable-table/ 5. Sorting Tables with Object Oriented JavaScript QuickSorthttp://terrill.ca/sorting/ 6. Standardista Table Sorting (A client-sid...
代码: 仿一个网友的代码写的，不记得出自哪里了，改成可以支持中文排序，而且支持控件value的排序。 没办法，能力有限，只能。。。 代码如下: //转换器，将列的字段类型转换为可以排序的类型：String,int,float function convert(sValue, sDataType) { switch(sDataType) { case "int": return parseInt(sValue); case "float": return parseFloat(sValue); case "date": return new Date(Date.parse(sValue)); default: return s...
http://www.gxlcms.com/article/21027.htm不多说了，直接给代码 代码 代码如下: 双色表格 table { border:solid 1px black; text-align:center; border-spacing:0px; } th,td { border:solid 1px black; width:100px; } $().ready(function() { $('tr:has(th)').css('background','violet'); //表格标题 $('tr:even:gt(0)').css('background','yellow'); //偶数行,且行数大于0(即标题) $('tr:odd').css('background','oliv...
代码如下: function findAll(s){ if(s.length==0){ alert("请输入查询关键字"); } s=encode(s); var TDs=document.all.DataT1.all.tags("TD"); var num=0; for(var i=0;ivar tdObj=TDs[i]; var obj=tdObj.childNodes[0]; if(!obj.className || obj.className!="highlight"){ var t=obj.innerHTML.replace(/([^/gi,"$1"); obj.innerHTML=t; var cnt=loopSearch(s,obj); t=obj.innerHTML; var r=/{searchHL}(({(?!\/searchHL})|[^{]...
//这是要操作的表格： 这是第一行 这是第二行 这是第三行 这是第四行 //这是操作表格的代码 var rowNo= -1; var tableId = 'tb'; var inputId = 'show'; var selectedColor = "#FF0000" function document.onkeydown() { //事件的标识代码 if (event.keyCode == 38) { for(var k=0;k [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面就是我的“作品”啊，只是简单的实现其功能，并未做其他的功能啊 运行后，需要刷新下， 上面得代码比较简单，更多的例子，可以搜索脚本之家以前发布的文章。表头表头表头 脚本之家jb51.net4561263 1234567898794561263 1234567898794561263 1234567898794561263 1234567898794561263 1234567898794561263 1234567898794561263 1234567898794561263 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Dom基础—创建表格 利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。但第一种有可能在IE上有问题，所以推荐使用第二种。 1、insertRow(index)：index从0开始 这个函数将新行添加到index的那一行前，比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于 insertRow(-1)，将新行添加到表的最后。一般我们在使用的时候都是： objTable.insertRow (objTable.rows.length)就是为表格objT...
如果你也想这么做，那么你还需要我的getElementByTagNames()函数。 代码如下:function createTOC() { var y = document.createElement(div); y.id = innertoc; var a = y.appendChild(document.createElement(span)); a.onclick = showhideTOC; a.id = contentheader; a.innerHTML = show page contents; var z = y.appendChild(document.createElement(div)); z.onclick = showhideTOC; var ...
Table Test (I.E. Only) /*得到表格列*/ function getCols(srcCellIndex,obj) { obj = typeof obj === 'string' ? document.getElementById(obj) : obj; var s = ''; s += '' s += obj.rows[0].cells[srcCellIndex].innerHTML + ''; for(var i = 1;i ' + obj.rows[i].cells[srcCellIndex].innerHTML + ''; } return s; } /*得到表格*/ function getTable(obj) { while(obj.tagName.toLowerCase() != 'table') { obj =...
没什么技术含量，先上图： 思路： 1：获取按键 2：判断当前表格行的位置 HTML结构： 代码如下: firstname: lastname: age: percent: Peter Parker 28 20.9% John Hood 33 25% Clark Kent 18 44% style样式： 代码如下: body{ font-family:"微软雅黑"; font-size:12px; } table{ text-align:center; } th{ height:30px; border-bottom:1px dashed #ccc; } td{ height:30px; border-bottom:1px dashed #ccc; } .bak...
实现可编辑的表格demo： 实例图： 代码： 代码如下: 结果为集合。 3.在事件中$(this)将返回此控件的jquery对象。 4.children("input")表示取所有子元素包含input的jquery对象，结果为集合。 5.css("border-width", "0")表示设置css属性的值。 6.trigger("focus").trigger("select")表示设置事件先触发focus，再触发select。 7.keyup(function(event) {var keycode = event.which;})表示注册键盘事件，参数event的which属性存储键...
大多数前端er都把网页中的table标签替换为div，主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格，其中最好的例子就是对照表。今天彬Go将向大家推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。1.DataTables-强大的jQuery表格插件DataTables是提供了大量特性的强大jQuery表格插...
JavaScript实现可自定义排序的表格 - BODY { FONT-SIZE: 0.8em; FONT-FAMILY: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif } P { FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px } .tableWidget_headerCell { BORDER-RIGHT: #aca899 1px solid; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; BORDER-BOTTOM: #c5c2b2 3px solid; BACKGROUND-COLOR: #ece9d8 } .tableWigdet_headerCellOver { BORDER-RIGHT: #aca89...
jQuery 表格插件 Flexigrid – Web 2.0 Javscript Grid for jQuery - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext Grid，但基于 jQuery 因此更轻量小巧。Chromatable JQuery Plugin - 固定表头，可滚动内容区，内容区滚动的时候表头位置保持不变。Ingrid, the jQuery Datagrid - 在 HTML 表格上加入列宽调整，分页，排序，行列式样等功能（演示）。JQTreeTable - 在表格中加入树形结构Scrollable HTML tab...