jquery– 动态表上的colResizable不起作用

概述我有一个动态表,用户可以添加行或列,我还使用colResizable使用户可以灵活调整列的大小.虽然我添加了这个插件,但它不适用于新创建的单元格.这是我的来源$(document).ready(function() { $( '#container table' ).colResizable({ liveDrag : true }); //...

我有一个动态表,用户可以添加行或列,我还使用colResizable使用户可以灵活调整列的大小.虽然我添加了这个插件,但它不适用于新创建的单元格.
这是我的来源

$(document).ready(function() {   $( "#container table" ).colResizable({ liveDrag : true });   //... Other stuffs}

这个函数用来创建列

function insert_column(element,position){   element.parent().parent().find('tr').each(function() {      var index = 0;      $(this).find('td').each(function() {         if (index == position)         {             $(this).after('

如果你想要,可能会认为这是因为一些CSS,这是我对#container和table里面唯一的CSS

#container {    float: left;    wIDth:800px;    height:100%;    overflow:hidden;    padding: 7px;    border: 2px #BBB dashed;}#container table {    wIDth: 100%;    table-layout: fixed;    background-color:#FCFCFC;}#container td {    border-spacing: 2px;    min-height: 17px;    min-wIDth: 50px;    border: 1px #CCC dotted;}

奇怪的是,如果我评论或删除colResizable,它可用于添加列,但如果我启用它,则添加列但不可见,无法调整大小.
任何帮助将不胜感激.最佳答案参考：
https://github.com/alvaro-prieto/colResizable/issues/2#issuecomment-5198584

//disable the plugin first    $( "#container table" ).colResizable({ disable : true });insert_column();//Re-init the plugin on the new elements$( "#container table" ).colResizable({ liveDrag : true });

总结

以上是内存溢出为你收集整理的jquery – 动态表上的colResizable不起作用全部内容，希望文章能够帮你解决jquery – 动态表上的colResizable不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1126462.html