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' )  //修改新加一行的樣式

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM