Datatable 插入一行数据到第一行
var t = $('#passwdHOST').DataTable({
'searching': true,
'ordering': false,
'autoWidth': false,
dom: 'Bfrtip',
buttons: [{
text: "导出到Execl",
extend: 'excelHtml5',
//className:'execl'
//customize: function( xlsx ) {
// var sheet = xlsx.xl.worksheets['sheet1.xml'];
//$('row c[r^="C"]', sheet).attr( 's', '2' );
//}
},{
text: '新建主机',
action: function ( e, dt, node, config ) {
//e:
// 触发事件的事件对象
//dt:
// 主机DataTable的DataTables API实例
//node
//单击的按钮节点的jQuery实例
//config
//按钮的配置对象
create_row(e, dt, node, config);
}
},{
text: '删除主机',
action: function ( e, dt, node, config ) {
//e:
// 触发事件的事件对象
//dt:
// 主机DataTable的DataTables API实例
//node
//单击的按钮节点的jQuery实例
//config
//按钮的配置对象
create_row(e, dt, node, config);
}
}
],
language: {
"decimal": "",
"emptyTable": "数据正在加载中,请稍后...",
"info": "显示 _START_ 到 _END_ 页共 _TOTAL_ 条",
"infoEmpty": "显示 0 到 0 页共 0 条",
"infoFiltered": "(filtered from _MAX_ total entries)",
"infoPostFix": "",
"thousands": ",",
"lengthMenu": "显示 _MENU_ 条",
"loadingRecords": "加载中...",
"processing": "处理中...",
"search": "搜索:",
"zeroRecords": "没有匹配项",
"paginate": {
"first": "First",
"last": "Last",
"next": "下页",
"previous": "上页"
},
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
},
});
$.ajax({
url: '/passwd/api/hosts',
type: "POST",
data: ajax_data,
success: function (data) {
var rowNode = t.row.add(
[
data.id,
data.ip,
data.hostname,
data.os,
data.protocal,
data.port,
data.comments,
"<div class='btn-group'>" +
"<button type='button' class='" + select + " btn " + btninfo + " ' data-target='#modal .bd-example-modal-lg ' >查看</button>" +
"<button type='button' class='btn btn-info dropdown-toggle' data-toggle='dropdown'>" +
" <span class='caret'></span>" +
"</button>" +
"<ul class='dropdown-menu' role='menu'>" +
" <li><a href='passwdLOG.html'>查看密码修改日志</a></li>" +
"</ul>" +
"<button type='button' class='" + append + " btn " + btnsuccess + "' data-target='#modal .bd-example-modal-lg'>增加</button>" +
"<button type='button' class='" + modify + " btn " + btnwarning + "' data-target='#modal .bd-example-modal-lg' >修改</button>" +
"<button type='button' class='" + del + " btn " + btndanger + "' data-target='#modal .bd-example-modal-lg' >删除</button>" +
"</div>"
]
).draw().node();
$(t.table().body()).prepend($(rowNode)) // 将新添加的一行插入到第一行
$( rowNode ).css( 'color', 'red' ) //修改新加一行的样式
Datatable 插入一行数据到第一行的更多相关文章
- datatables01 安装、数据源、选中行事件、新增一行数据、删除一行数据
1 安装 1.1 引入必要文件 要在项目中使用datatables需要引入三个文件 >DataTables CSS >jQuery >DataTables JS <!-- Da ...
- 七十一、SAP中内表的修改,改一行数据,或一行的某个字段
一.SAP中内表的修改,只能通过工作区来修改,代码如下 二.效果如下
- datatable编辑一行数据的方法
let d =t.row($(e).parents("tr")).data(); 上面的是获取一行数据的方法,如果是更改一行数据,则传入根之前数据结构相同的对象或者数组即可: t. ...
- 【转载】C#手动往DataTable中末尾新增一行数据
在C#中的Datatable数据变量的操作过程中,需要手动往DataTable变量的末尾新增一行数据,例如一个实际的例子,我们做数据报表,在最后一行可能需要新增一行DataRow数据作为一个汇总记录, ...
- Oracle 修改一行数据内存主要变化
向Oracle 数据库发出请求,修改一行数据,在内存中主要有以下变化: 1. 服务器进程将包含该行数据的块读取到内存中 2. 写redo日志.将内存中该数据块指向undo表空间中数据块的变更向量(Ch ...
- SQL Server死锁诊断--同一行数据在不同索引操作下引起的死锁
死锁概述 对于数据库中出现的死锁,通俗地解释就是:不同Session(会话)持有一部分资源,并且同时相互排他性地申请对方持有的资源,然后双方都得不到自己想要的资源,从而造成的一种僵持的现象.当然,在任 ...
- SQL将多行数据合并成一行【转】
转:https://blog.csdn.net/AntherFantacy/article/details/83824182 今天同事问了一个需求,就是将多行数据合并成一行进行显示,查询了一些资料,照 ...
- SQL Server 将两行或者多行拼接成一行数据
一个朋友,碰到一个问题. 就是查询出来的结果集,需要每隔三行.就将这三行数据以此拼接为一行显示.起初我想着用ROW_NUMBER加CASE WHEN去做,发现结果并非我预期那样. 结果如下: 由于别人 ...
- MyBatis处理一行数据-MyBatis使用sum语句报错-MyBatis字段映射-遁地龙卷风
第二版 (-1)写在前面 我用的是MyBatis 3.2.4 (0) 编程轶事 select sum(value) ,sum(value2) from integral_list where Me ...
随机推荐
- CPU开销sql server 性能调优
sql server 性能调优 CPU开销分析 一. 概述 上次在介绍性能调优中讲到了I/O的开销查看及维护,这次介绍CPU的开销及维护, 在调优方面是可以从多个维度去发现问题如I/O,CPU, 内存 ...
- 洛谷 P1979 [ NOIP 2013 ] 华容道 —— bfs + 最短路
题目:https://www.luogu.org/problemnew/show/P1979 真是一道好题... 首先考虑暴力做法,应该是设 f[i][j][x][y] 记录指定棋子和空格的位置,然后 ...
- linux驱动编写(Kconfig文件和Makefile文件)
在Linux编写驱动的过程中,有两个文件是我们必须要了解和知晓的.这其中,一个是Kconfig文件,另外一个是Makefile文件.如果大家比较熟悉的话,那么肯定对内核编译需要的.config文件不陌 ...
- 【转】整套完整安全的API接口解决方案
原文地址:http://www.cnblogs.com/hubro/p/6248353.html 在各种手机APP泛滥的现在,背后都有同样泛滥的API接口在支撑,其中鱼龙混杂,直接裸奔的WEB API ...
- 关于mysql的索引原理与慢查询优化
大多情况下我们都知道加索引能提高查询效率,但是应该如何加索引呢?索引的顺序如何呢? 大家看一下下面的sql语句(在没有看下面的优化的方法之前)应该如何优化加索引以及优化sql语句: 1.select ...
- 34.无废话ExtJs 入门教程十八[树:TreePanel]
转自:https://www.cnblogs.com/iamlilinfeng/archive/2012/06/28/2566350.html 1. <!DOCTYPE html PUBLIC ...
- maven中的三种工程,以及在idea中构建父子工程。
1.pom工程:用在父级工程或聚合工程中.用来做jar包的版本控制.主要是定义POM文件,将后续各个子模块公用的jar包等统一提出来,类似一个抽象父类 2.war工程:将会打包成war,发布在服务器上 ...
- 百度上传组件 WebUploader
WebUploader http://fex.baidu.com/webuploader/doc/index.html WebUploader API 文档详细解读 源码以及示例:https://gi ...
- Ruby检验变量
更新: 2017/06/12 更新: 2017/06/16 补充.class的输出 更新: 2017/06/23 .include?检验数组/哈希表是否包含目标值 更新: 2017/07/02 b ...
- 基于ASP.Net Core开发一套通用后台框架记录-(总述)
写在前面 本系列博客是本人在学习的过程中搭建学习的记录,如果对你有所帮助那再好不过.如果您有发现错误,请告知我,我会第一时间修改. 前期我不会公开源码,我想是一点点敲代码,不然复制.粘贴那就没意思了. ...