像:jQuery的table排序插件(感觉其使用比较麻烦或不清楚其具体用法,就没有使用)、原生态js的table排序插件等,最后比较看了下——采用了一个原生态js的table排序插件,并在其基础上做了些修改,虽有些勉强或有些地方使用不太舒服,但最算是比较好的实现了当时需要的功能。而前两天,对原有表格做了点儿修改——增加隔行换色的功能,问题就出现了,——效果错乱;检查分析了下,问题出在其table排序插件代码上——其原代码写的比较难...
需求 把含有rowspan、colspan的table还原。 例如原table为: 还原后的table为: 代码原理 对table进行遍历,如果td的rowspan属性值大于1,则给当前的td的父元素的兄弟元素添加td,如果td的colspan属性值大于1,则在当前的td元素后添加td 代码如下: //本文首发博客园:http://artwl.cnblogs.com(2012/02/08)jQuery.fn.RevertTable=function(){ $("tr",this).each(function(trindex,tritem){ $(tritem).find("td").each(...
代码如下: 一、数据准备 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 文章标题文章分类发布时间操作 测试测试测试测试 测试测试测试测试 测试测试测试测试 测试3测试测试测试 二、操作 //1.鼠标移动行...
1、取得table对象 var objTable=document.getElementById( "tb_visitor" ); 2、新增一行 var objTempRow = objTable.rows[0]; //取得模板行 var objNewRow = objTable.insertRow( objTable.rows.length ); objNewRow.id = objTable.rows.length-1; //添加一行的相关信息 for ( var i=0 ; i{ var objNewCell = objNewRow.insertCell( i ); objNewCell.innerHTML = objTempRow.cells[i].innerHTML; // if(objNewCell.innerHTML.ind...
首先创建html页面为sort.html ,并把下面的内容复制进去 代码如下: 无标题文档 .desc span{ display:none;} .asc em{ display:none;} ID|- name|- 1 开心 3 开饭 5 开放 ID|- name|- 1 开心 3 开饭 5 开放 新建脚本页 sort.js 代码如下: /* 表格排序功能 事件:2012 7 24 DOM 节点 如果表格需要排序 在表格属性中添加 sort="true" 并且 id是唯一并且是必须的 此js文件直接引入即可 因为...
新的一天开始了,生活还要继续,今天要和大家分享的是不一样的table,普通的table就用于显示数据,今天要分享的table不仅仅能显示数据,还可以对数据进行编辑,当鼠标点击数据时相应的数据格就变成可编辑的状态,废话不多说,进入今天的主题,首先完成HTML页面: 代码如下: JQueryProject1 鼠标点击下列内容可以进行编辑 学号 姓名 000001 张三 000002 李四 000003 王五 000004 赵六 没错现在它还...
测试代码: 代码如下: var oTable=document.getElementById("test"); oTable.innerHTML="innerHTML"; 上述代码在IE6-9中无效,直接报错: IE9:Invalid target element for this operation. IE6-8:Unknown runtime error 查找IE的文档(http://msdn.microsoft.com/en-us/library/ms533897(VS.85).aspx)后发现有这么一段: The innerHTML property is read-only on the col, colGroup, frameSet, html, head, sty...
jQuery对表格(table)的处理提供了相当强大的功能,比如说对表格特定行(row)或列(column)进行排序、样式改变等等。如果你的英文够好,你可以读读这篇文章:jQuery table manipulation。本文只是介绍如何用jQuery语句对表格中行和列进行选择以及一些简单样式改变,希望它可以对jQuery表格处理的深层学习提供一些帮助。比如我们有这样一个表格: 第一列 第二列 第三列 第四列第一列 第二列 第三列 第四列第一列 第二列 第三列 第四列第...
table 隔列换色效果 #test{ background-color:#C96; text-align:center; line-height:2em;} .over{background-color:#fff;} .out{background-color:#F1F1F1;} window.onload = function(){ //returnColor("test"); setColor("test"); } function setColor(id) { var trs=document.getElementById(id).getElementsByTagName("tr"); for(var i=0; i 0 1 2 18 3 4 5 19 6 7 8 20 9 10 11 21 12 13 14...
在这个列子中,练习了table的操作,主要有:tBodies、rows、cells,还有有关数组的排序方法:sort 先上代码: 代码如下: table排序 2 bbb 5 eee 3 ccc 4 ddd 1 aaa window.onload = function () { var oTable = document.getElementById('tableTest'); var oTbody = oTable.tBodies[0]; var oBtn = document.getElementById('sort'); var arr = [];//用来存放每一个tr var isAsc = tru...
项目做完,在测试验收时,用户突然提出,可以更改查询结果,便于打印。隐藏工程错误。但是这个时候提要求,比较头痛,后来,想了想还是用前台代码,这样,只要在项目的JS文件中,加入以下几个函数,便可以解决了。 代码如下: /* 页面装载时,为每个td增加单击事件,这样,就可以不用对每个页面进行更改。 */ function ReWritable() { var tbmian=document.getElementById("tbmain"); for(var i=0;i<tbmain.rows.length;i++) { for...
客户需求至上。 这次是更改后的代码,去掉了“确定”,“取消”按钮。变单击为双击事件,用户按ESC键,取消更改。 代码如下: //为每个Td添加双击事件 function ReWritable() { var tbmian=document.getElementById("tbmain"); //循环,为每行每列添加双击事件,但是,第一行(thead)与最后一行(tfoot)不添加。 for(var i=1;i<tbmain.rows.length-1;i++) { for(var j=0;j<tbmain.rows[i].cells.length;j++) { tbmain.rows[i].ce...
最近在项目开发当中很少会用到DWZ原生的table分页,往往是使用jqgrid or grid这种第三方数据绑定的表格插件,如今在项目中要求了,就必须要使用DWZ自带的table了 接下来看一段代码,我会给大家详细介绍DWZ中table分页的使用方式,以下是在MVC中实现的方式。 ?<div class="pagination" targetType="navTab" totalCount="@ViewBag.totalCount" numPerPage="@ViewBag.numPerPage" pageNumShown="@ViewBag.pageNumShown" currentPage="...
代码如下: function copyToExcel(tableid) { //控制按钮 var btn = document.getElementById("copy"); btn.setAttribute("disabled", "true"); btn.setAttribute("value", "处理中..."); var curTbl = document.getElementById(tableid); try { var oXL = new ActiveXObject("Excel.Application"); } catch (e) {//IE安全级别未设置将出现错误 ( Automation 服务器不能创建对象 ) /* 如果是Scripting.FileSystemObject (FSO 文本...
代码如下: 14 TopParty优惠 请选择角色 系统管理员系统管理员2系统管理员3系统管理员4系统管理员5 请选择权限 搜索访问创建修改 添加 删除 function Bind(thisObj, thisObjID) { alert("Bind"); var $td = $(thisObj)....