① javascript如何讓表格可以拖動改變列寬度的原理
您好:
我可以很負責人的告訴你,如果你想實現拖動Table動態改變寬和高,是很麻煩的.實現原理主要是用到了滑鼠的幾個事件:mousedown() mouseup() mousemove() mouseout()等方法.
實現流程:①當滑鼠指向表格的單元格的邊緣時,滑鼠形狀變為可拖的形狀,
②滑鼠在表格豎線上按下的時候,獲得點擊事件源所在的列,拖動的時候js動態改變td的width值來改變度,松開滑鼠保存
③滑鼠在表格橫線上按下的時候,獲得點擊事件所在的行,拖動的時候js動態改變tr的height,松開滑鼠保存.
希望幫到你吧.
② jquery表格插件，能支持拖動改變的列寬，哪個比較好
那肯定是jquery ui了
③ 有什麼方法可以讓html表格的單元格左右拖動，單個的，多個的都可以。
$(function() {
$( "td" ).draggable();
});
</script>
<table width="100%" border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
用這個方法是可以拖動td的，具體的細節調整，可以參考http://www.runoob.com/jqueryui/example-draggable.html
④ 求網頁表格生成插件，能像EXCEL那樣拖動單元格和選中操作的。我以前見過。但是忘記叫什麼名字.請問有知道
1. Flexigrid
Flexigrid是一個類似於Ext Gird，但基於jQuery開發的Grid。它具有的功能包括：可以調整列寬，合並列標題，分頁，排序，顯示/隱藏表格等。Flexigrid顯示的數據能夠通過Ajax獲取或者從一個普通的表格轉換。
2. Yahoo! UI Library: DataTable
該DataTable控制項提供的功能有：排序、列寬調整、分頁、inline editing、row selection等。
3. jqGrid
jqGrid是一個Ajaxed jQuery Grid插件。提供分頁功能，添加、編輯、刪除和搜索表中記錄，支持多種數據類型輸入：XML，JSON，Array等，多行選擇，支持子表格，集成日期選擇控制項等等。
這幾個個人感覺比較好用。。。
⑤ 怎樣在Dreamweaver中打造可拖動表格
1.在文檔中插入一個表格。
插入一個表格
2.選中表格，在屬性面板上，為表格設置一個id名稱。實例中輸入f1。
表格設置一個id名稱
3.打開css樣式面板，單擊「新建css樣式」按鈕。
打開css樣式面板
4.在「新建css樣式」對話框中，類型中選擇「使用CSS選擇器」，在選擇器中，輸入#加上id名稱。實例中輸入#f1。
新建css樣式
5.在「定義」類別中，選擇定位類型為「絕對」，在「定位」框中，「左」和「上」輸入數值。按「確定」按鈕完成CSS設置。
定位類型為「絕對」
6.在文檔中，表格變得象「層」一樣可拖動。
⑥ 前端有沒有什麼表格能實現拖動列，並且表頭某一列能夠進行條件篩選
前端的話表格，有一個用的很好的就是datatables，這個全世界都在使用的表格，支持很多排序、拖動，固定前幾列等等功能
⑦ Web前端怎樣實現像excel那樣的按列拖選的表格
Web前端實現像excel那樣的按列拖選表格的方法：
1.通過flash，flex實現FLEX 功能強大的datagrid
2.通過jquery插件，js實現
JS實現可編輯的表格，雙擊可編輯，可以刪除行和列，增加行和列，重置，導出表格，也可以上下移動元素
Flexigrid – Web 2.0 Javscript Grid for jQuery - 可變列寬，自動適應表頭寬度，可通過 Ajax 連接 XML 數據源，類似 Ext Grid，但基於 jQuery 因此更輕量小巧。
⑧ jsp中怎麼可以手動拖動表格列寬
使用JQeury的jqGrid，其表格列寬可手動拖動。查看其demo鏈接：
http://www.trirand.com/blog/jqgrid/jqgrid.html
⑨ 前端使用了許多bootstrap的表格，該怎麼兼容手機頁面
bootstrap對表格的自適應效果是通過滾動條來實現的，手機屏幕下自動產生滾動條，左右拖動。