jquery dataTable 获取某行数据
DataTable API table.row(rowSelector [,modifier])
注table是dataTable的对象
该方法有两个默认参数
第一个是选择器 第二个是可选的
请注意,如果选择器匹配多个行,则此方法将截断结果以仅包含一行,即第一个匹配的行。如果没有参数返回第一行。
读取数据时用 table.row(rowSelector [,modifier]).data()
即可
比如双击获取行数据
var table = $('#example').DataTable(); $('#example tbody').on( 'click', 'tr', function () { console.log( table.row( this ).data() ); } );
详情:https://datatables.net/reference/api/row().data()
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!
相关推荐
-
jQuery插件DataTable使用方法详解(.Net平台)
上一篇随笔提到了MvcPager,最近用到了一款前端JQ插件------DataTable(简称DT),很好用. DT是一款前端插件,和后端完全分离开,就这点来看,我就特别喜欢. 一.使用DT,需要以下支持 js:jq+jquery.dataTables.min.js 二.页面上进行引入js,直接使用DT功能 前端代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <m
-
jquery datatable服务端分页
OK,上次完成了客户端的分页,这次我们就在上一次的Demo上进行修改,来实现服务端的分页~ js代码: <script type="text/javascript"> $(document).ready(function() { $('#table_id_example').DataTable({ "bProcessing" : false, //是否显示加载 "sAjaxSource" : '/datatableDemo/user/
-
利用JQuery实现datatables插件的增加和删除行功能
在学习过程中遇到了这个利用JQuery对表格行的增加和删除,特记录下来以供初学者参考. 下面是主要的代码: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>zengjia he shancu </title> <meta charset="utf-8" /> <script src=&quo
-
jQuery插件dataTables添加序号列的方法
官网方法实例: $(document).ready(function() { var t = $('#example').DataTable({ "columnDefs": [{ "searchable": false, "orderable": false, "targets": 0 }], "order": [[1, 'asc']] }); t.on('order.dt search.dt', func
-
jQuery使用DataTable实现删除数据后重新加载功能
问题描述: 利用jQuery Datatable和artTemplate组合来做的表格.但是当删除数据时,需要重新加载table里的数据.但是问题是datatable并没有直接的重新渲染,反而给数据累加上了. 解决办法: 经过查看高人的blog,发现可以先销毁table,然后再重新渲染. var dttable; App.globalAjax("get", "/Order/MyJsonList", {}, function (result) { var html =
-
jquery表格datatables实例解析 直接加载和延迟加载
参考自官方文档,需要引入jquery.js,jquery.dataTables.js,dataTables.bootstrap.js(可选), 由于时间紧,省略了很多,所以总结份简化版的仅供参考. 1.直接加载,这个比较简单,如下 <div id="tid" class="col-sm-12 col-md-12"> <div id="secondtid" hidden="hidden"></div
-
jQuery Datatable 多个查询条件自定义提交事件(推荐)
先写2个input 分别表示开始时间跟结束时间 在写一个button 点击按钮 让表格重新刷新 代码如下 如下所示在datatable设置项增加如下设置 如果已经有了 只需要添加如下的data选项 ajax: { url: '/admin/index', type: 'POST', "data": function ( d ) { //添加额外的参数传给服务器 d.beginDate = $("#datetimepicker1").val(); d.endDat
-
jQuery.datatables.js插件用法及api实例详解
1.DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html 2.DataTables的一些基础属性配置 "bPaginate": true, //翻页功能 "bLengthChange": true, //改变每页显示数据数量 "
-
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
异步请求 var postData = { "env_name" : new_env_name, "env_url": new_env_url, "env_desc" : new_env_desc }; $.ajax({ type: 'POST', url : '/test_env_add/', data : postData, dataType : 'json', success : function(data){ $('#table_test
-
jquery dataTable 获取某行数据
DataTable API table.row(rowSelector [,modifier]) 注table是dataTable的对象 该方法有两个默认参数 第一个是选择器 第二个是可选的 请注意,如果选择器匹配多个行,则此方法将截断结果以仅包含一行,即第一个匹配的行.如果没有参数返回第一行. 读取数据时用 table.row(rowSelector [,modifier]).data()即可 比如双击获取行数据 var table = $('#example').DataTable(); $
-
jquery dataTable 后台加载数据并分页实例代码
使用 dataTable后台加载数据并分页.网上版本很多,但很多都是不能用或者不详细的,这里是已经验证过的. 引用 js文件 <script src="static/ace/js/jquery-2.0.3.min.js"></script> <script src="static/ace/js/jquery.dataTables.min.js"></script> <script src="static
-
巧妙使用JQuery Clone 添加多行数据,并更新到数据库的实现代码
web前端代码: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BatchAdd.aspx.cs" Inherits="BatchAdd" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www
-
oracle数据排序后获取前几行数据的写法(rownum、fetch方式)
目录 0. 前言 1. 先说结论 2. 举个例子 1. 数据准备 2. 使用rownum方式获取前几行数据 3. 使用fetch方式获取前几行数据(推荐) 总结 0. 前言 无论在工作中,还是学习中,都会出现这样子的需求,对某张表进行了排序(按时间排序也好,其他字段排序也罢),然后获取前x行的数据,由于工作中经常出现,因此写篇文章记录一下多种写法. 1. 先说结论 第一种使用rownum方式,在oracle数据库中,查询出来的数据,可以通过rownum(行数)来指定具体第几行数据,但需要注意以下
-
asp.net DataTable相关操作集锦(筛选,取前N条数据,去重复行,获取指定列数据等)
本文实例总结了asp.net DataTable相关操作.分享给大家供大家参考,具体如下: #region DataTable筛选,排序返回符合条件行组成的新DataTable或直接用DefaultView按条件返回 /// <summary> /// DataTable筛选,排序返回符合条件行组成的新DataTable或直接用DefaultView按条件返回 /// eg:SortExprDataTable(dt,"Sex='男'","Time Desc&quo
-
jQuery实现获取table中鼠标click点击位置行号与列号的方法
本文实例讲述了jQuery实现获取table中鼠标click点击位置行号与列号的方法.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>www.jb51.net 鼠标点击位置行列号</title> </head> <bo
-
Asp.net中获取DataTable选择第一行某一列值
数据源是一个DataTable,现在我们需要获取这个DataTable的第一行第一列的值. 先准备一个数据集,创建一个DataTable,并填充数据: source code: using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Text; using System.Threading.Tasks; using Insus.NET.Models; na
-
C#从DataTable获取数据的方法
本文实例讲述了C#从DataTable获取数据的方法.分享给大家供大家参考.具体如下: 通过通用类,返回一个DataTable,要想显示每个单元格,只要做两次循环即可: foreach (DataRow row in dt.Rows) { foreach (DataColumn column in dt.Columns) { Console.WriteLine(row[column]); } } row[column] 中的column是检索出来的表个列名. 如果想把某列的值拼接字符串,那就去掉
-
C#操作DataTable方法实现过滤、取前N条数据及获取指定列数据列表的方法
本文实例讲述了C#操作DataTable方法实现过滤.取前N条数据及获取指定列数据列表的方法.分享给大家供大家参考.具体分析如下: #region DataTable筛选,排序返回符合条件行组成的新DataTable或直接用DefaultView按条件返回 /// <summary> /// DataTable筛选,排序返回符合条件行组成的新DataTable ///或直接用DefaultView按条件返回 /// eg:SortExprDataTable(dt,"Sex='男'&q
随机推荐
- 【Redis缓存机制】详解Java连接Redis_Jedis_事务
- JS实现的简单表单验证功能完整实例
- 网吧保存区连接保存批处理代码
- 巧用weui.topTips验证数据的实例
- Asp.net实时显示文本框字数实现代码
- php生成无限栏目树
- Android App中使用Glide加载图片的教程
- PHP实现大数(浮点数)取余的方法
- js图片轮播手动切换特效
- JavaScript高阶函数_动力节点Java学院整理
- jQuery实现邮箱下拉列表自动补全功能
- jQuery实现的分页功能示例
- Android 屏幕截屏方法汇总
- Android UI:ListView - SimpleAdapter实例详解
- PHP 遍历文件实现代码
- 易达为您提供100M的可绑米免费空间
- Spring Cloud Hystrix 线程池队列配置(踩坑)
- Python绘制股票移动均线的实例
- python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
- 详解在Linux中清空或删除大文件内容的5种方法