① 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对表格的自适应效果是通过滚动条来实现的，手机屏幕下自动产生滚动条，左右拖动。