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 插入一行数据到第一行的更多相关文章

  1. datatables01 安装、数据源、选中行事件、新增一行数据、删除一行数据

    1 安装 1.1 引入必要文件 要在项目中使用datatables需要引入三个文件 >DataTables CSS >jQuery >DataTables JS <!-- Da ...

  2. 七十一、SAP中内表的修改,改一行数据,或一行的某个字段

    一.SAP中内表的修改,只能通过工作区来修改,代码如下 二.效果如下

  3. datatable编辑一行数据的方法

    let d =t.row($(e).parents("tr")).data(); 上面的是获取一行数据的方法,如果是更改一行数据,则传入根之前数据结构相同的对象或者数组即可: t. ...

  4. 【转载】C#手动往DataTable中末尾新增一行数据

    在C#中的Datatable数据变量的操作过程中,需要手动往DataTable变量的末尾新增一行数据,例如一个实际的例子,我们做数据报表,在最后一行可能需要新增一行DataRow数据作为一个汇总记录, ...

  5. Oracle 修改一行数据内存主要变化

    向Oracle 数据库发出请求,修改一行数据,在内存中主要有以下变化: 1. 服务器进程将包含该行数据的块读取到内存中 2. 写redo日志.将内存中该数据块指向undo表空间中数据块的变更向量(Ch ...

  6. SQL Server死锁诊断--同一行数据在不同索引操作下引起的死锁

    死锁概述 对于数据库中出现的死锁,通俗地解释就是:不同Session(会话)持有一部分资源,并且同时相互排他性地申请对方持有的资源,然后双方都得不到自己想要的资源,从而造成的一种僵持的现象.当然,在任 ...

  7. SQL将多行数据合并成一行【转】

    转:https://blog.csdn.net/AntherFantacy/article/details/83824182 今天同事问了一个需求,就是将多行数据合并成一行进行显示,查询了一些资料,照 ...

  8. SQL Server 将两行或者多行拼接成一行数据

    一个朋友,碰到一个问题. 就是查询出来的结果集,需要每隔三行.就将这三行数据以此拼接为一行显示.起初我想着用ROW_NUMBER加CASE WHEN去做,发现结果并非我预期那样. 结果如下: 由于别人 ...

  9. MyBatis处理一行数据-MyBatis使用sum语句报错-MyBatis字段映射-遁地龙卷风

    第二版 (-1)写在前面 我用的是MyBatis 3.2.4 (0) 编程轶事 select sum(value) ,sum(value2)  from integral_list where  Me ...

随机推荐

  1. source命令用法(转载)

    转自:http://zhidao.baidu.com/link?url=mNfsPHSjTEm7llgyMYx0UVNwkJmD_cxLeHtZnHcM6Ms8LDXofVHka_EzHi6GltbR ...

  2. J20170604-hm

    丸める   四舍五入 文字化け 乱码 わきまえる 弁える 辨别,识相 御構い 张罗,招待,款待 お構いなしに 不加考虑 しおり ブックマーク 书签 スタイルシート 样式表

  3. linux下导入oracle数据表

    提前说明:这个是默认oracle已经安装好切数据库默认表空间已经创建好.之后将数据表dmp文件直接导入到默认表空间里(默认表空间不用再指定,因为创建数据库时已经指定默认表空间) linux命令如下: ...

  4. P3256 [JLOI2013]赛车

    传送门 如果把速度看成斜率,起始位置看成截距,这就是一个水平可见直线了-- 不过这题里我实现方法借鉴了CQzhangyu大佬的,先按速度排序,然后维护一个单调栈,如果当前的人速度比栈顶大距离又比它远直 ...

  5. SQL 索引篇

    索引介绍: 1.索引是对数据库表中一列或多列的值进行排序的一种结构,使用索引可快速访问数据库表中的特定信息. 数据库索引好比是一本书前面的目录, SQL Server的B树结构 2.加快数据库的查询速 ...

  6. 自己编写的str操作函数

    1.strcat() 此函数原型为 char *strcat(char *dest, const char *src). 功能为连接两个字符串,把src连接到dest后面:返回dest地址 实现如下 ...

  7. 【SpringMVC框架】非注解的处理器映射器和适配器

    参考来源:     http://blog.csdn.net/acmman/article/details/46968939 处理器映射器就是根据URL来找Handler,处理器适配器就是按照它要求的 ...

  8. gauge自动化测试框架(二)

    Gauge通过Markdown来描述行为,所以我还需先学习学习Markdown语法,看了一下,还好,十来分钟应该就可以搞定.具体学习见另一篇文章

  9. Focusky的下载、安装、注册和使用(动画演示大师)

    一.下载 二.安装 三.使用 四.注册 五.附录 非常感谢Focusky官方团队开发并提供实用的这么一款软件!!! 一.下载 http://www.focusky.com.cn/ 二.安装 三.使用 ...

  10. EasyUI系列学习(十)-Tabs(选项卡)

    一.创建组件 <div class="easyui-tabs" style="width:500px;height:250px"> <div ...