colResizable的替代品,自定义列宽调整

前段时间一直在找列宽拖动的插件,一开始找到colResizable-1.6.js,非常的方便

1. 引入js包

2. 调用js

详细步骤见官网:http://www.bacubacu.com/colresizable/


但是,这个插件有个缺点,就是单元格内容不能拖到最小,也就是说不能小于内容的宽度,于是,我找到一个帖子

http://blog.csdn.net/skygpan/article/details/52469847

大概意思就是说,他改了源码,屏蔽了三个地方,然后就可以任意该表列宽,不受内容控制

但是问题又来了,在我的框架中,这样设置会将旁边的列变得更小,而且无法还原,只能刷新还原,非常的不方便


于是我想,不就是一个拖动,增加列宽吗,怎么还变动其他的列宽,真搞不懂,写这么多代码干啥,于是,我走上了“寻找”创新的路,功夫不负有心人,真的被我找到了


<table class="table-title">
    <thead>
        <tr>
            <th>th 1</th>
            <th>th 2</th>
        </tr>
    </thead>
    <tbody>
        
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值