創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括睢陽網(wǎng)站建設(shè)、睢陽網(wǎng)站制作、睢陽網(wǎng)頁制作以及睢陽網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,睢陽網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到睢陽省份的部分城市,未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
實(shí)現(xiàn)方式:
在初始化dataTables時(shí)增加屬性:
var param_index=0; //定義排序字段,在新增表的行時(shí)用到
$('#dt-table').DataTable({
.....
"rowReorder":{
dataSrc :"自己數(shù)據(jù)庫中排序的索引" eq:param_index
},
...
})
參看官方例子:
https://datatables.net/extensions/rowreorder/examples/
//增加行
$('#addRow').on( 'click', function () {
dataTable.row.add({"param_index":param_index,"input_type":"","param_name":"","field_id":"","param_type":"","param_desc":""}).draw();
} );
//自動(dòng)編號(hào)來顯示序號(hào)
dataTable.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
param_index = i+1;
cell.innerHTML = i+1;
} );
//頁面引入的js,官網(wǎng)可以下載到 (rowReorder.js)這是排序的主要js
//css,拖動(dòng)時(shí)行的樣式