Js拖拽实现改变Table的列宽

Question

你这个只能用于 ie ！
推荐一个 http://download.csdn.net/detail/zhangd83/654639
代码也比较容易看懂

Answer 1

你怎么用的，贴一段html代码出来看看

Answer 2

    <asp:Panel ID="Pn_Grid_DTable1" CssClass="css_GridPanel" runat="server" Height="180px"
                                Width="983px" ScrollBars="Both" onscroll="Pn_Grid_TitleOnScrollBar('Grid_DTable1')">
                                <asp:GridView ID="Grid_DTable1" runat="server" AutoGenerateColumns="False" DataKeyNames="AnalyD_Id"
                                    HorizontalAlign="Left" ShowFooter="false" ShowHeader="false" SkinID="SubGridView1"
                                    Width="1500px" AllowSorting="true">
                                    <Columns>
                                        <asp:TemplateField HeaderText="商品类型" SortExpression="InvTypeName">
                                            <ItemTemplate>
                                                <asp:TextBox ID="gtxt_InvTypeName" runat="server" CssClass="css_Textbox" Text='<%# Eval("InvTypeName") %>'
                                                    Width="150px" />
                                                <asp:Label ID="glab_InvTypeName" runat="server" Text='<%# Eval("InvTypeName") %>' Width="150px"
                                                onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);"></asp:Label>
                                            </ItemTemplate>
                                            <ItemStyle HorizontalAlign="Center" Width="150px" />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="商品">
                                            <ItemTemplate>
                                                <uc1:uctrlDiaModal ID="gddd_Inv_id" runat="server" AfterSelectScriptFun="SeleInv"
                                                    DialogHeigth="600px" DialogWidth="800px" DlgFormStr="../Bas/wDlgBasInv.aspx"
                                                    KeyFieldName="Inv_Id" Name='<%# Convert.ToString(Eval("Inv_Name"))%>' NameFieldName="Inv_Name"
                                                    TextBoxWidth="135" Value='<%# Convert.ToString(Eval("Inv_id"))%>' />
                                                <asp:Label ID="glab_Inv_id" runat="server" Text='<%# Eval("Inv_Name") %>' Width="135px" 
                                                onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);"></asp:Label>
                                            </ItemTemplate>
                                            <ItemStyle HorizontalAlign="Center" Width="150px" />
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="描述">
就这么用的，我在每个模板列的Label上绑定了这些事件

Answer 3

你 ShowHeader="false" 配置为false还能显示标题？IE下也不好使啊。。试试这个：仿Microsoft Excel修改单元格宽度

Answer 4

能显示标题是因为有这个：
<asp:TemplateField HeaderText="商品类型" SortExpression="InvTypeName">的缘故吧，去看看你发的例子先，谢谢版主啦

Answer 5

用了下发现是Jquery写的，好吧有点无力……我们这里面库太多了，正常的JQuery已经被改写了，还有木有其他的例子？

Answer 6

不是jquery啊，纯js的。。查看源代码，将script里面Table类库存为一个js就行了，需要修改table的页面导入这个js，然后new下这个Table的实例就可以拖动了

Answer 7

亲爱的版主大大，还是不行
我新建了一个GridView，然后引用了这个Js文件，还是没反应，是不是只能用于HTML的Table啊