Windows UI Table td{font-size:12px;font-family: Verdana,tahoma} .winUI { margin: 0 auto; border: solid 1px #d4d0c8; } .winUI tr td, .winUI thead td, tfoot td { border-left: 1px solid buttonhighlight; border-top: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-right: 1px solid buttonshadow; } .winUI thead td, tfoot td { background-color: #ece9d8; cursor: pointer; p...
这就出现一个问题,如果图片过小,或文字过长,就会出现文字把整个表格撑得很大,即占用了很多空间,显示效果也非常不美观。网上也有许多解决办法,但要么复杂,要么不能解决跨浏览器问题,要么不能自适应图片大小变化。 在我的这个方法中,解决了: 不需要在代码中指定图片大小、跨浏览器、非常简单。最后的效果如下图所示,当文字过长时,它会自动换行以适应图片宽度: 方法如下: 1)图片及图片说明代码如下: 香港殖民地最后的...
New Document [a] [b] [c] [d] [e] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]上面的格式,比较奇怪,我用js稍微改了下,文本框分别是要转换的索引,不能随便输。New Document [a] [b] [c] [d] [e] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
建议看 http://www.gxlcms.com/article/11349.htm 这篇文章,后面是一些补充,实现代码重点:table class=sortable 2. test.htm 代码如下: 一、计划工作项目(2009年2月) 负责人 重点项目 计划工作目标 计划工作时间 实际完成情况 问题及措施 项目质量 项目进度 项目下放领导 1李彬 否每周有3次以上备份,每月有1个备份 从2009-2-1到2009-2-28未完成 2李彬 否写维护日志 从2009-2-1到2009-2-28未完成 3李彬 否准确完...
下面的代码解决了这个问题:当表格被载入的时候,TD的宽度是原定的长度,不会撑开TD,也不会影响其他TD,点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。【优点】 1、对开发人员指定的表格没有任何影响; 2、使用简单; 3、被定义的表格样式可以随意的定制你的样式,不对你的样式构成影响; 4、移植性好,扩展性好。 【缺点】 目前用IE7测试正常,但不支持FireFox,工作比较忙,没时间更正,希望网...
一、SortTable说明 SortTable version 2 7th April 2007 Stuart Langridge, http://www.kryogenix.org/code/browser/sorttable/ Instructions: Download this file Add to your HTML Add class=”sortable” to any table you'd like to make sortable Click on the headers to sort Thanks to many, many people for contributions and suggestions. Licenced as X11: http://www.kryogenix.org/code/browser/licence.html This ...
table.rows集合中是cell对象 cell.innerHTML = "123" 在table的innerHTML中是123 cell.innerHTML = "123" 在table的innerHTML中是123 所以设置cell.innerHTML不用再加 另外今天在厕所里看我以前买的书无意看到的 在里面的内容是空的话会造成cell边框不显示 所以就经常使用 其实不用这样 在table的css中设置border-collapse: collapse;就可以跟 显示一样了
近来还是那么忙,趁五一更新一下程序吧。 这个版本主要增加和改进了以下东西: 1,对字符串改用localeCompare来比较; 2,一次排序中能使用多个排序对象(用于值相等时再排序); 3,修正一些发现的问题; 4,改进程序结构,个人觉得是更灵活更方便了; 5,增加bool类型比较; 6,添加attribute/property的内容; 7,修正ie6/7的radio/checkbox状态恢复bug; 8,增加自定义取值函数。 Table 排序 .odTable { width:500px; border...
上次做table排序对table有了一些了解,这次更是深入了解了一番,发现table原来是这么不简单。 还不清楚这个效果叫什么,就叫行定位吧,本来想把列定位也做出来,但暂时还没这个需求,等以后有时间再弄吧。 程序原理 一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: 1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]给tr设置...
function moveIt(obj){ var tableId; if(obj.parentNode.parentNode.id == "t1"){ tableId = document.getElementById("t2"); }else{ tableId = document.getElementById("t1"); } var newRow = tableId.insertRow(0); newRow.insertCell(0).innerHTML = obj.cells(0).innerHTML; newRow.insertCell(1).innerHTML = obj.cells(1).innerHTML; obj.removeNode(true); } 1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能...
以前我在网上总会看类似这种的JS效果: 点击编辑时: (不好意思哈,图在文章最后面) 这种列表与编辑都在同一页的效果,确实很好,能够给用户带来意想不到的美好体验。可是它是怎么实现的呢? 其实实现这种效果有很多方法,当然如果你的JS不好,可以用JQuery的组件,但是我想要是自己能写出来总是好的。因此我抽了点时间来实现它。当我实现后,发现要实现这种效果是很简单的,几行JS代码就搞定了,关键就是一个思路问题,下面我会具体...
解决方法:取得表对象,并取得他下面对应的行对象下的某个元素,这里如document.tableId.rows[i].cells[j]即取得表下第i行下的第j个元素,然后document.tableId.rows[i].cells[j].colspan=n即可。 eg: dempTHFirst为要增加行或列属性的元素。 demoThFirst.colSpan=3;
代码如下:$(document).ready(function(){ $("p:odd").css("background-color", "#bbf"); $("p:even").css("background-color","#ffc"); $("p").click(function () { $("p").each(function(){ if($(this).hasClass("highlight")){ $(this).removeClass("highlight"); }}); $(this).addClass("highlight"); }); }); 源码参考gamil:test_jquery_table
代码如下: /// /// //引入DataBinder.js include("DataBinder.js"); /* */ function Table(){ this.elmTable=null; //表格标签 this.templetRow=null; //模板行 this.displayBody=null; //显示区tbody标签 this.isOverChange=false; //鼠标移过时,是否改变颜色 this.hoverColor="#EBF3FD"; //鼠标移过颜色 this.isActiveChange=false; //行点击时,是否改变颜色 this.activeColor="#D9E8FB"; //行点击时颜色 this.activ...
javascript操作table的特性 hello Cell 1,1 Cell 2,1 Cell 1,2 Cell 2,2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]可以直接点击页面的任何部分即可看到效果。