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