jQuery DataTables是一个功能强大的表格插件,可以实现对表格数据的排序、搜索、分页等操作。row.add()是DataTable的一个方法,用于向表格中添加一行数据。
在使用row.add()方法时,如果要添加隐藏的td属性,可以通过给添加的行添加class或者data属性来实现。具体的做法如下:
var table = $('#example').DataTable();
var rowNode = table.row.add([
'Data 1',
'Data 2',
'Data 3'
]).draw().node();
$(rowNode).addClass('hidden-row');
在上述代码中,通过addClass()方法给添加的行添加了一个名为"hidden-row"的class属性,可以在CSS中设置该class的display属性为none,从而隐藏该行的td元素。
var table = $('#example').DataTable();
var rowNode = table.row.add([
'Data 1',
'Data 2',
'Data 3'
]).draw().node();
$(rowNode).data('hidden', true);
在上述代码中,通过data()方法给添加的行添加了一个名为"hidden"的data属性,并将其值设置为true。可以通过data()方法获取该属性的值,从而判断是否隐藏该行的td元素。
需要注意的是,以上的做法只是示例,具体的隐藏方式可以根据实际需求进行调整。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
以上是关于jQuery DataTables中row.add()方法未添加隐藏的td属性的完善且全面的答案。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联想控股</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/bootstrap-responsiv.css">
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/238/n8vhm36h/dataTables.bootstra.css">
</head>
<body>
领取专属 10元无门槛券
手把手带您无忧上云