首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery datatables row.add未添加隐藏的td属性

jQuery DataTables是一个功能强大的表格插件,可以实现对表格数据的排序、搜索、分页等操作。row.add()是DataTable的一个方法,用于向表格中添加一行数据。

在使用row.add()方法时,如果要添加隐藏的td属性,可以通过给添加的行添加class或者data属性来实现。具体的做法如下:

  1. 给要添加的行添加class属性:
代码语言:txt
复制
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元素。

  1. 给要添加的行添加data属性:
代码语言:txt
复制
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)

  • 概念:腾讯云对象存储(COS)是一种海量、安全、低成本、高可靠的云存储服务,用于存储和处理大规模非结构化数据。
  • 分类:云存储服务
  • 优势:高可靠性、低成本、高扩展性、安全性高、支持多种数据处理方式
  • 应用场景:网站和应用程序的静态资源存储、大规模数据备份和归档、多媒体内容存储和分发等。
  • 产品介绍链接地址:腾讯云对象存储(COS)

以上是关于jQuery DataTables中row.add()方法未添加隐藏的td属性的完善且全面的答案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • JQuery 实现开发常用功能

    标签克隆的两种实现方式: <body>

    + <input type="text"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> function Add(ths) {

    02

    bootstrap 查询 展示 分页 常用**

    <!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>

    领券