Datatables如何动态改变列宽?

发布于 2022-09-04 05:03:56 字数 447 浏览 15 评论 0

在datatables中文网上找到的插件是colResizable,直接调用$('.table').colResizable()确实可以直接动态改变效果。
目前有一个问题,如果我表格在一个弹出层里面,我在弹出层出来之后再渲染表格,然后再绑定colResizable(),当前状态下可以生效,但是如果我关掉这个弹出层,再打开这个弹出层,动态改变列宽效果就没有了!我试过把这句调用函数放在datatables的initComplete里、drawCallBack里、弹出层绑定函数里,统统没有用。
我看这个调用函数是在<table>前面加了一个div专门包含所有可以动态调整的边框,对齐了表格的边框,但是关掉再打开弹出层,这个div就没有了,貌似没有加载第二次。
忘了说,配置datatables的时候最后destroy了,以便于下次再打开的时候重新draw,究竟是哪里可能有错误哇?搞了一天没搞出来,或者大神们还有哪些可以动态改变表格列宽的插件,求推荐

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

寄与心 2022-09-11 05:03:57

可以试试放在初始化完毕的事件监听里:
//初始化完毕

.on( 'init.dt', function () {  
    $('.table').colResizable();         
})
紙鸢 2022-09-11 05:03:57

我也遇到题主一样的窘境了。。。请问一下你最后解决了吗?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文