我有一个动态表,用户可以添加行或列,我还使用colResizable使用户可以灵活调整列的大小.虽然我添加了这个插件,但它不适用于新创建的单元格.
这是我的来源
$(document).ready(function() { $( "#container table" ).colResizable({ liveDrag : true }); //... Other stuffs }
@H_404_9@这个函数用来创建列
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('
@H_404_9@ 如果你想要,可能会认为这是因为一些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; }
@H_404_9@奇怪的是,如果我评论或删除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 });
@H_404_9@猜你在找的HTML相关文章