jQuery實作滑鼠可拖曳調整表格列寬度_jquery

實現鼠標可拖動調整表格列寬度如圖：
 
一、引入文件：

複製代碼 程式碼如下:

二、TABLE

複製代碼程式碼如下:

	欄位類型	活動名稱	狀態	操作選項
	青春日記	2014年度青春日記徵文	提交	審核 td>
	我和孩子的成長故事	成長故事	透過	審核

以上html只是作為Demo 並不是我專案中所實際使用的，並且在測試的時候也未能實現。鬱悶...

三、實作表格可拖曳

複製程式碼 代碼如下:

代碼如下:



代碼如下:

$(function(){

$("#myTable").resizableColumns({
store: window.store
});
})


在專案使用過程中發現無需引入store.js

也無需data-resizable-column-id屬性

且$("#myTable").resizableColumns();也可實現功能

所需檔案下載位址：
http://xiazai.jb51.net/201405/yuanma/jquery -resizableColumns.zip 分別解壓縮兩個檔案jquery.resizableColumns.js在jquery-resizable-columns-gh-pagesdist路徑下js在store.js-master路徑下