删除表头时,表格单元格中的中心输入字段
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了删除表头时,表格单元格中的中心输入字段相关的知识,希望对你有一定的参考价值。
标题应该总结得很好......
在this fiddle中,当您按下“切换”文本时,jQuery会创建一个重复的标题来代替原始文本。唯一错误(现在)是输入字段向右移动。
我怎么能阻止这个?
jQuery代码供参考(Stack Overflow不喜欢没有代码):
function duplicate(){
var w = $('#old').find('tr:last').find('td').map(function(index){
return $(this).outerWidth();
}).get();
var newth = $('#oldHead').find('th').map(function(){
return $(this).text();
}).get();
for (var i = 0; i < newth.length; i++){
if (i<1){
$('<span>' + newth[i] + '</span>').appendTo('#new');
} else {
$('<span style="width:' + (w[i] - 20) + 'px">' + newth[i] + '</span>').appendTo('#new > #newfloat');
}
}
$('#oldHead').find('tr').remove();
$('#oldBody').find('tr:first').find('td').each(function(index){
$(this).css({'width': w[index] + 'px'});
});
}
$('#switch').click(function(){
duplicate();
});
答案
这个问题通过在有问题的min-width
标签上使用td
属性来解决 - 以及删除左右填充。
http://jsfiddle.net/verism/s7VBu/
如果有人知道这可能引起的任何陷阱,我有兴趣听到。
以上是关于删除表头时,表格单元格中的中心输入字段的主要内容,如果未能解决你的问题,请参考以下文章
尝试快速从数组中删除时,不应删除 tableview 单元格中的最后一个单元格