javascript动态调整table列宽注意点

在为公司编写一个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属性中设置完美解决