注意:两种方法要求layui表格的单元格中没有使用fixed属性,不然代码不会起效
方法一:
/**
* 合并单元格(列)
* @param res 表格数据
* @param curr 当前页
* @param count 总数
*/
function merge(res, curr, count) {
var data = res.data;
var mergeIndex = 0;//定位需要添加合并属性的行数
var mark = 1; //这里涉及到简单的运算,mark是计算每次需要合并的格子数
var columsName = ['dangci'];//需要合并的列名称
var columsIndex = [0];//需要合并的列索引值
for (var k = 0; k < columsName.length; k++)//这里循环所有要合并的列
{
var trArr = $(".layui-table-body>.layui-table").find("tr");//所有行
for (var i = 1; i < res.data.length; i++) {
//这里循环表格当前的数据
var tdCurArr = trArr.eq(i).find("td").eq(columsIndex[k]);//获取当前行的当前列
var tdPreArr = trArr.eq(mergeIndex).find("td").eq(columsIndex[k]);//获取相同列的第一列
if (data[i][columsName[k]] == data[i - 1][columsName[k]]) {
//后一行的值与前一行的值做比较,相同就需要合并
mark += 1;
tdPreArr.each(function () {
//相同列的第一列增加rowspan属性
$(this).attr("rowspan", mark);
});
tdCurArr.each(function () {
//当前行隐藏
$(this).css("display", "none");
});
}else {
mergeIndex = i;
mark = 1;//一旦前后两行的值不一样了,那么需要合并的格子数mark就需要重新计算
}
}
}
}
方法二:
jQuery.fn.rowspan = function (colIdx) {
return this.each(function () {
var that;
$('tr', this).each(function (row) {
$('td:eq(' + colIdx + ')', this).filter(':visible').each(function (col) {
if (that != null && $(this).html() == $(that).html()) {
var rowspan = $(that).attr("rowspan");
if (rowspan == undefined) {
$(that).attr("rowspan", 1);
rowspan = $(that).attr("rowspan");
}
rowspan = Number(rowspan) + 1;
$(that).attr("rowspan", rowspan);
$(this).hide();
} else {
that = this;
}
});
});
});
};
//封装jQuery小插件用于合并相同内容单元格(列)
jQuery.fn.colspan = function (colIdx, index) {
return this.each(function () {
$('tr', this).each(function (row) {
$('td:eq(' + colIdx + ')', this).each(function (col) {
if ($(this).text() == $(this).next().text()) {
$(this).attr("colspan", index);
// $(this).attr("colspan");
//$(this).text("<div class='layui-table-cel>" + $(this).text() + "</div>");
$(this).text($(this).text());
$(this).next().hide();
}
});
});
});
};
调用举例:
$('.layui-table').rowspan(0);//合并第一列中相同的行
$('.layui-table').colspan(1, 2);//合并第二行至第三行中相同的列
打开Qt后就卡死。解决方法:删除系统配置目录下的QtProject文件夹:find / -name QtProject输出:/root/.config/QtProject删除QtProject文件夹:rm -rf QtProject 重启QtCreator试试。转载于:https://www.cnblogs.com/chay/p/10245808.html...
php的mbstring扩展如果没有安装会导致一些问题: 例1:登陆phpMyAdmin的时候会提示没字符串编码和字符串处理库 php_mbstring,有些程序中会用到mb_substr函数没有php的mbstring扩展当这些程序运行的时候通常会提示“Fatal error: Call toundefined function ...
一直以来,作为计算机专业的学生,经常会被问到关于计算机的一些事情,其实我们不学这些,但是帮忙的多了,看到其他人的电脑那简直是惨不忍睹啊,尤其是C盘,离谱至极,有点点强迫症的我,都想给他们完全清理。于是一直想出一些教程,但是一直以来也是忙的一批(主要就是懒)。恰巧最近在装自己的一台主机,所以就借此机会,普及一下,关于软件安装与磁盘的使用。下载安装注意我一般都是从百度找官网去搜索下载,因为会装很多环境,基本上管家里面没有,也就习惯了浏览器下载。1.选源(确认官网)一般确认源的方式有两种,如图标注,标题
Arctime是一个全新理念的可视化字幕创作软件,可以运行在Mac、Windows、Linux上。借助精准的音频波形图,可以快速创建和编辑时间轴,还可以高效的进行文本编辑、翻译。支持SRT、ASS外挂字幕格式,并可以通过交换工程文件或与伙伴协同工作。字幕编辑完成后,仅需单击“视频转码”按钮,即可轻松完成字幕压制工作。arctime pro mac版安装教程arctime pro mac版镜像包...
感觉现在微信又更新了,原来 好好的方法不给用了,可能是微信一直在禁用通过外部链接引导到关注页的举动,不支持。通过重定向跳转至全部消息列表页,关注按钮一闪而过,然后消失了。。。暂时没有好的解决方案。所以以下文章可以略过。。 现在的公众号引流一般都只能是 二维码扫码后关注,那么通过点击一段网页链接(图片、或文字)怎么引导用户到公众号关注页呢?一、首先打开需要设置关注页 的公众号此时...
本专栏专注分享大型Bat面试知识,后续会持续更新,喜欢的话麻烦点击一个关注面试官: ButterKnife为什么执行效率为什么比其他注入框架高?它的原理是什么心理分析: ButterKnife框架一直都是使用,很少又开发者对butterknife深入研究的,既然你是面试Android高级岗位,自然需要有相应被问到原理的准备,面试官想问你对注解处理器了解多少,Android编译流程有多少认识**求职者:**应该从 注解处理器原理 与优势说起,肯定注解处理器对解放生产力的作用。然后可以引申常见的 But
软件测试之Selenium自动化测试为什么要进行自动化测试什么Web项目适合做自动化测试主流的自动化测试工具Selenium特点Selenium IDE的使用(不重要)如何快速查找一个元素标签的属性和值Selenium使用元素定位方式(八种)Xpath定位的使用(下面几种方法都可以结合起来使用)CSS定位的使用(速度比Xpath快)By类的使用常用方法鼠标事件键盘事件获取断言多表单切换多窗口切换警告框处理下拉框选择操作文件上传cookie操作调用JavaScript代码窗口截图关闭浏览器面试题总结自动化测试
What if there isn't enough time for thorough testing? Use risk analysis to determine where testing should be focused.Since it's rarely possible to test every possible aspect of an application, ...
测试环境Python 2.7.3 & python 3.6小一点int类型相等 s = 1 r = 1 # id(s) == id(r) true 大一点的int类型就不一样了? s = 1111111111 r = 11111111111 # id(s) != id(r) 所有测试的float类型都不相等 s = 1.1 r = 1.1 id(s) != id(r
转自http://blog.csdn.net/qq_26525215/article/details/52117660MySQL语句入门:DCL– 数据控制语言这个一般都是DBA(专门的数据库管理人员)做的,我们是程序员,了解了解就行。create user hncu identified by ‘1234’; //创建一个用户hncu 密码:123
大连一批进口非冷链货物外表面检出核酸检测阳性1月13日大连卫生健康委发布,大连市在大连机场增加建设了进口非冷链货物首站监管仓,对所有空港口岸进口货物实施批批检、件件消。1月12日,在对进口非冷链货物外表面例行核酸检测中,发现一批衬衫和西装的布料、纽扣货物的外包装新冠病毒核酸检测结果为阳性,1月13日复核确认为阳性,该批货物由阿姆斯特丹始发、途经韩国抵达大连市。大连机场立即对阳性货物进行了封存,并对阳性货物和相关环境规范进行了消毒和处理。上海疾控中心与辉瑞中国签合作协议,建设疫苗临床试验基地上海市
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82732083 MySQL 在指定位置新增字段...