Bootstrap實現表格拖動效果

項目需求要求可以拖拽重新排序，又因爲前面項目中表格都是使用的bootstrap
所以今天給大家分享一下快速使用bootstrap進行表格拖動排序
首先引入js和css,js需要先引入jquery的和bootstrap-table的然後在引入拖動的2個js即可

在這裏定義一個表格即可,害怕朋友們打錯，那2個設置爲大家複製了出來，大家可以copy
data-use-row-attr-func="true" data-reorderable-rows="true"

完了之後，在js中也就是bootstrap配置表格屬性那裏加下面這些

方便大家操作，我將下面這3行復制了出來

//當選中行，拖拽時的哪行數據，並且可以獲取這行數據的上一行數據和下一行數據
		onReorderRowsDrag: function(table, row) {
            //取索引號
            dragbeforeidx = $(row).attr("data-index");
        },
        //拖拽完成後的這條數據，並且可以獲取這行數據的上一行數據和下一行數據
        onReorderRowsDrop: function (table, row) {
            //取索引號
            draglateridx = $(row).attr("data-index");
        },
        //當拖拽結束後，整個表格的數據
        onReorderRow: function (newData) {
			
		}

這樣的話就可以實現表格排序了。大家可以試試，很方便很快捷。
當點擊拖拽時，也會有一個小米字類型的小標記。效果也不錯，拖拽結束後，整個表格的數據發給後臺按新的排序修改一下即可。