Jquery 使包含表的切换元素停止更改列宽

最好通过一个实例来描述。 我花了几个小时尝试各种宽度规范的组合-使用px，%-尝试停止列，根据是否更改其宽度 它是否应用了Glypicon铅笔类。如果您不将鼠标放在桌子上，则与将鼠标放在桌子上的情况相比，它的宽度更窄

$（函数（）{
$（document）.on（'mouseover'），'tasks'（我自己的任务）'table tbody tr'，函数（e）{
设置任务编辑器图标可见性（$（此））
});
$（document）.on（'mouseout'，'#tasks_for_imf_table tbody tr'，函数（e）{
设置任务编辑器图标可见性（$（此））
});
});
变量集任务编辑器图标可见性=函数（$row）{
$row.find（'td.task_editing'）。toggleClass（'glypicon glypicon pencil'）；
}

AAAA
bbbbbbbb
AAAA
bbbbbbbbbb
我喜欢这个网站

只需给该列一个宽度即可：

#tasks_for_myself_table .task_editing {
  width: 1.5em;
}

我可能也会将该类应用于

th

，但这似乎并不重要

至少对我来说，在下面的代码片段中，

height

可能也很有用。我没有添加一个，但我注意到当图标显示时，行稍高一些，所以您可能需要一个

$（函数（）{
$（document）.on（'mouseover'），'tasks'（我自己的任务）'table tbody tr'，函数（e）{
设置任务编辑器图标可见性（$（此））
});
$（document）.on（'mouseout'，'#tasks_for_imf_table tbody tr'，函数（e）{
设置任务编辑器图标可见性（$（此））
});
});
变量集任务编辑器图标可见性=函数（$row）{
$row.find（'td.task_editing'）。toggleClass（'glypicon glypicon pencil'）；
}

#任务(针对我自己)表。任务(编辑){
宽度：1.5em；
}

AAAA
AAAA

只需给该列一个宽度即可：

#tasks_for_myself_table .task_editing {
  width: 1.5em;
}

我可能也会将该类应用于

th

，但这似乎并不重要

至少对我来说，在下面的代码片段中，

height

可能也很有用。我没有添加一个，但我注意到当图标显示时，行稍高一些，所以您可能需要一个

$（函数（）{
$（document）.on（'mouseover'），'tasks'（我自己的任务）'table tbody tr'，函数（e）{
设置任务编辑器图标可见性（$（此））
});
$（document）.on（'mouseout'，'#tasks_for_imf_table tbody tr'，函数（e）{
设置任务编辑器图标可见性（$（此））
});
});
变量集任务编辑器图标可见性=函数（$row）{
$row.find（'td.task_editing'）。toggleClass（'glypicon glypicon pencil'）；
}

#任务(针对我自己)表。任务(编辑){
宽度：1.5em；
}

AAAA
AAAA

请将堆栈片段用于可运行演示。请将堆栈片段用于可运行演示。