datatable 给某一列添加title属性

简单描述:采用datatable拼接的表格,没有title属性,嗯就是这个情况,直接上代码

代码:

复制代码
//js代码
$("#toAdd").click("click",function () {
var selectNodes = $('#table2').DataTable().rows(".active").nodes();
if(selectNodes.length==0){
layer.msg("请选择操作项!!");
return false;
}
// 1.遍历dataTable,获取每页中checkbox的选中状态
// 2.tb1添加相应行
var nodes = $('#table2').DataTable().rows().nodes();
for (var i = 0; i < nodes.length; i++) {
var active = $(nodes[i]).hasClass('active');
if (active) {
var nowRow = $(nodes[i]);
var trId = nowRow.attr("id");
var tr = $('#table2').DataTable().row(i).data();//获取table2的数据
var tb1 = $('#table1').DataTable();
var tr8 = "<div style=\"display: flex; align-items: center;\">\n" +
" <div>\n" +
" <img src="+rootPath+"assets-new/apps/img/shanchu.png\n" +
" onclick=\"deleteProd('"+ trId +"')\"\n" +
" title=\"删除\"/>\n" +
" </div>\n" +
" </div>";
var trNode = tb1.row.add({
"DT_RowId": trId,
"0": tr[1],
"1": tr[2],
"2": tr[3],
"3": tr[4],
"4": tr[5],
"5": tr[6],
"6": tr[7],
"7": tr8
}).draw().node();
var trIndex = tb1.row(trNode).index();
tb1.cell(trIndex, 0).node().title = tr[1];
}

}
for (var i = 0; i < nodes.length; i++) {
var active = $(nodes[i]).hasClass('active');
if (active) {
var nowRow = $(nodes[i]);
var trId = nowRow.attr("id");
$('#table2').DataTable().row('#' + trId).remove().draw();
}
}
var rowCount = $("#table1").DataTable().page.info().recordsTotal;
if (rowCount > 0) {
document.getElementById("tableDivOne").style.display="block";//显
}
}); 
复制代码

 说明:最关键的就是绿色部分了,  .node() 是获取节点, 然后获取索引      注意cell(trIndex, 0)  其中0是你的表中的每行的第几格(从0开始的)      tr[1]是直接获取到内容

posted @   ジ绯色月下ぎ  阅读(2381)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示