首页
学习
活动
专区
工具
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.4K30

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

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

6.1K90

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

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

2.4K20

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

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

2.1K60

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

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

26840
领券