首页
学习
活动
专区
工具
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属性的完善且全面的答案。

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

相关·内容

datatables应用程序接口API

) Datatables有一个强大的api,用来处理表格上的数据,你可以添加数据到已经存在的表格,或者对已经存在的数据进行操作。...jQuery实例(如果是这个方式初始化Datatables,那么返回的对象不能使用api方法,不然会报方法未定义) 核心(Core) 名称 说明 ajax.reload()API 重新加载数据源获取数据...获得 tr 节点 row().remove()DT 删除行 row()DT 获取一行 row.add()DT 添加一行 rows().cache()DT 获取缓存里的行 rows().data()DT...map()DT 通过回调函数,创建一个新的结果集 pluck()DT 返回指定属性结果集 pop()DT 从结果集中移除最后一个项目 push()DT 添加一个多个项目到结果集 reduce()DT...转为jQuery实例 unique()DT 去重 unshift()DT 在结果集里从头添加一个或多个项目,返回长度 静态方法(Static) 名称 说明 $.fn.dataTable.isDataTable

4.5K30
  • 【初学者指南】在ASP.NET MVC 5中创建GridView

    DataTables 使用 jQuery 数据表 以上库和插件都有自己的优缺点,其中 jQuery 数据表是个不错的选择。...我们将在数据库上下文中为 Asset 表添加一个属性,这个属性将会成为 Asset 表的实体框架表示,用它来创建脚本。...在 ApplicationDbContext 类中添加新的属性: public class ApplicationDbContext : IdentityDbContext的,它会在你的解决方案中显示成已安装的 nugget 包,点击浏览按钮,然后搜索 JQuery DataTables 包,选择它并检查已安装了 JQuery DataTables...在 nugget 包安装成功后,我们需要在视图中引入 jQuery DataTables 的必要的 JS 和 CSS,为此,我们需要注册 jQuery DataTables,请打开位于 App_Start

    6.2K90

    datatables 配套bootstrap3样式使用小结(1)

    今天介绍汇总一下datatables。 网址: www.datatables.net 公司CMS内容资讯站的后台管理界面用了大量的table来管理数据,试用了之后,感觉挺不错,推荐一下。...js有4个,①jquery,②bootstrap3,③datatables的js,④datatables对应bootstrap样式时用的。 为了说明问题,就不放bundle里面了。...src="~/Content/datatables/js/jquery.dataTables.js"> datatables/js/dataTables.bootstrap.js...有2个,①bootstrap3,②datatables对应bootstrap样式(要用这个替换datatables默认的样式,否则会出现右下角的分页样式margin很大的情况。)...编号②中的搜索框是输入内容后自动搜索表格上的所有列(当然可以通过他的api来实现搜索特定的列,比如某些隐藏列的筛选)。 图如下: ? 通过以上4个控制,基本可以满足大部分table列表的需求。

    2.5K20

    模仿天猫实战【SSM版】——后台开发

    /assets/js/dataTables/jquery.dataTables.js"> 的 id 属性均为 id ,所有外键的 id 都是 属性名_id 这样的格式,保持统一!...另一个问题是添加属性值: 添加的属性值必须是当前 Category 下有的属性值,所以我们可以在 Controller 上自动注入一个 PropertyService 通过 category_id 查询到当前分类下所有的...,我们需要先提供必要的 jar 包依赖: commons-fileupload commons-io 同样的搜索 maven 库添加依赖到 pom.xml中: <!...规定三: 默认产品打开的大图即为该产品图片目录中的 1.jpg 界面大概设计成了这样: 莫名其妙一个 BUG: 我把表单设计成了这样,隐藏了两个属性,一个 product_id,一个 id: 为了方便操作

    2.1K60

    第三章:用户管理功能【基于Servlet+JSP的图书管理系统】

    添加用户信息 2.1 后端逻辑处理   我们先实现了后端的用户数据添加的逻辑。...首先是点击添加按钮需要跳转到添加数据的页面。 然后我们在userServlet中需要添加跳转的逻辑处理 然后添加addOrUpdate.jsp页面。在页面中添加数据的表单信息。...我们再添加数据的时候就没有出现乱码了 为了对编码方式的统一处理。我们添加过滤器。...Servlet中会返回上传成功的文件的名称。我们会把这个名称绑定在表单中的一个隐藏属性中。这样在表单提交的时候会把名称存储在数据库中。 同时我们需要修改下保存用户数据和查询数据的逻辑。...带条件查询的功能也是非常用必要的。而已是需要结合在分页功能中的。在用户管理中我们也需要来实现这块的功能。在PageUtils中定义看一个key的属性。那么在查询的表单中我们添加一个key的表单域。

    54440
    领券