javascript动态调整table列宽注意点
2013-01-28 20:19
232 查看
在为公司编写一个jquery表格插件,
插件实现的功能是:
1、静态分页数据
2、过滤数据
3、按每列数据格式排序
4、鼠标可动态拖动每列的宽度
5、表头固定
其它的功能倒容易实现,拖动以动态调整每列宽度就纠结了很久,拖动功能其实也容易实现。关键是拖动精确度一直不对。查不出原因。以为是算错了。
纠结了很久,偶尔发现通过jquery直接css('width',xxx)这样的方法设置列宽度即,设置style="width:xxxpx"与直接在td上设置width="xxpx"是有区别的。
解决的方法是直接attr('width',xxpx);代替css('width',xxx),把宽度直接写在td的width属性上。而不是在style属性中设置完美解决
插件实现的功能是:
1、静态分页数据
2、过滤数据
3、按每列数据格式排序
4、鼠标可动态拖动每列的宽度
5、表头固定
其它的功能倒容易实现,拖动以动态调整每列宽度就纠结了很久,拖动功能其实也容易实现。关键是拖动精确度一直不对。查不出原因。以为是算错了。
纠结了很久,偶尔发现通过jquery直接css('width',xxx)这样的方法设置列宽度即,设置style="width:xxxpx"与直接在td上设置width="xxpx"是有区别的。
解决的方法是直接attr('width',xxpx);代替css('width',xxx),把宽度直接写在td的width属性上。而不是在style属性中设置完美解决
相关文章推荐
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- javascript动态创建table注意要点
- table 列宽调整注意的几点
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- 用javascript动态调整iframe高度的方法
- JavaScript实现的数据表格:冻结列、调整列宽和客户端排序
- 如何动态生成table(javascript)
- javascript动态创建table
- 用javascript动态调整iframe高度的代码
- 用javascript动态调整iframe高度
- JavaScript动态生成table中的数据
- [JavaScript]动态监测窗口变化并调整body的padding-top
- 用javascript动态调整iframe高度--兼容多种浏览器
- JavaScript实现的数据表格:冻结列、调整列宽和客户端排序
- 使用javascript动态添加和删除table的行和列
- javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
- Javascript实现把checkbox从两个动态table中迁移
- 用javascript动态调整iframe高度