bootstrap拖曳佈局元素怎麼做

下面是bootstrap中拖曳table佈局元素的實作方法：

需要引入的文件

有的地方也叫jquery.tablednd.js，當然肯定要基於jquery 和bootstrap table，把該引進的css,js都引入，然後引入插件，本文用的是基於seajs的，依照seajs方法引入。

然後正常初始化表格，需要新增的屬性

然後在bootstrap table初始化配置處（與method,url,columns同級）新增以下方法

前兩個方法沒太大用，最後一個方法回傳的newData是拖曳之後的表格順序，當然只能當前頁拖曳

#特別注意：如果不成功，額外在bootstrap配置裡（columns同級）添加

useRowAttrFunc: true,

實現效果：

#引入檔案位址：https://github.com/wangyeky3419/tablednd.js-bootstrap-table-reorder-rows.js

推薦：bootstrap入門教學

#

以上是bootstrap拖曳佈局元素怎麼做的詳細內容。更多資訊請關注PHP中文網其他相關文章！