Jquery操作Table
<table style="border:1px solid #aaa;border-collapse:collapse;width:100%;" id="alarm" class="alarm">
<tr align="center" style="border:1px solid #aaaaaa;background:#ECE9D8;border-collapse:collapse;padding:5px;text-align:left;">
<td width="5%" class="region"></td>
<td width="25%" class="region"> Name </td>
<td width="20%" class="region"> Type </td>
<td width="25%" class="region"> Create Time </td>
<td width="30%" class="region"> Saved By </td>
</tr>
</table>
1、插入一行
$("#alarm").prepend("<tr><td></td></tr>");
$("#alarm").append("<tr><td></td></tr>");
$("<tr><td></td></tr>").insertAfter($("#alarm tr:eq(1)"));
2、删除一行
$("#alarm tr:first").remove();
$("#alarm tr:last").remove();
$("#alarm tr:eq(3)").remove();
3、改变行的颜色
$("#alarm tr:even").css("color", "#0000FF");
$("#alarm tr:odd").css("color", "#000000");
$("#bottom_right_h").attr("src", "../Images/Icon/face.gif");
var alarmListInfo = eval('(' + info + ')');
var count = $('#alarm').find("tr").length - 1;
tr_id = $("#alarm>tbody>tr:first").attr("id");
tr_id++;
str = "<tr id = '" + tr_id + "'><td width='20%' id='" + alarmListInfo.TerminalID + "'>"
+ "TerminalID:<a href='#' onclick='javascript:MarkerVehicleByTerminalID(" + alarmListInfo.TerminalID + ")'>" + alarmListInfo.TerminalID+"</a><br/>"
+ "AlarmName:<font color='red'>" + alarmListInfo.AlarmName + "</font><br/>"
+ "AlarmInfo:" + alarmListInfo.AlarmInfo + "</td>"
+ "</tr>";
$('#alarm').append(str);
$("tr:even").css("background", "#EAF2D3");
$("tr:odd").css("background", "#ffffff");
if (count > 2) {
delAlarmListTR();
}
//删除一行 $("#alarm td").each(function () {
if ($(this).attr('id')) {
ids.push($(this).attr('id'));
$(this).parents('tr').remove();
}
});
分享到:
相关推荐
jquery 表格 jquery table
jQuery Table表格排序显示代码是一款支持分类排序,按数字大小排序,按英文排序等等。
jQuery table scroll表格插件内容部分加滚动条
因此最后选择了hhurz的JQuery Plugin来实现表格的导出功能。 可以从下面的地址下载TableExport插件;该插件可以将Html的表格导出成为 JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG and PDF格式,支持的导出格式...
jquery自下而上循环滚动table
jquery拖动的table表格的宽度隐藏表格中的内容
用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。
主要介绍了jQuery实现动态给table赋值的方法,结合具体实例形式分析了jQuery动态操作table表格节点的相关技巧,需要的朋友可以参考下
jQuery表格键盘操作插件 jquery KeyTable调用示例,这款插件允许用户在表格移动/选择数据像键盘操作Excel那样,不依赖鼠标就可完成各项操作.并且高亮当前操作的表格单元格.运行效果请参见截图,本源码包内含有调用本...
jQuery table选中表格行变色 jQuery table选中表格行变色 jQuery table选中表格行变色
jQuery设置表格列字段筛选改变代码,jQuery设置表格列字段筛选改变代码(html)
如何使用jquery固定表格行列,固定table表头。
使用jQuery为表格添加合计行,方法依赖jQuery,方法中使用到的JQ是jQuery中的$方法的别名
jquery.table2excel.js 可一键生成Excel表格,需要jQuery.js支持 详细使用方法可见我的博客 https://blog.csdn.net/weixin_42571089/article/details/108799543
TableOrder('ordert',3,0,1) //ordert:排序的table名称 //3:根据第几列排序 //0:升降升序 //1:从第几行开始排序
jQuery表格自动向上滚动代码,鼠标悬浮停止,离开自动继续滚动 jQuery表格自动向上滚动代码,鼠标悬浮停止,离开自动继续滚动
jquery将table表格变成可编辑,解压压缩包,双击html页面即可看效果
使用jQuery实现动态可编辑表格,代码更少,兼容性更好
本文实例讲述了jQuery表格(Table)基本操作。分享给大家供大家参考,具体如下: Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结。 首先建立一个通用的表格css 和一个 表格Table: ...
jquery 对Table 操作 添加、删除 表格