使用jQuery可调整大小的表列(表宽于页面) [英] Resizable table columns with jQuery (table wider than page)
问题描述
我正在寻找一个相对简单的解决方案,以允许调整表列的大小.还有一个类似的问题:
I'm looking for a relatively simple solution to allow table column resizing. There's a similar question:
我真的很喜欢简单的解决方案; jsfiddle.net/ydTCZ/
I really like the simple solution; jsfiddle.net/ydTCZ/
但是它在我的桌子上不起作用(这似乎是因为桌子比屏幕宽).如果我将表格简化为仅几列,那么效果很好.
But it doesn't work on my table (it seems to be because the table is wider than the screen). If i simplify my table to just a couple of columns it works fine.
推荐答案
将其破解.
我的列标题<th>
的内容是链接(<a>
s).
The contents of my column headers <th>
s are links (<a>
s).
我不得不将<a>
的样式设置为display: block
Instead of doing anything with the <th>
I had to set the style of the <a>
s to display: block
然后只是$('th a').resizable({handles:'e'});
我应该注意我同时加载了jQuery和jQuery UI. JSFiddle示例; http://jsfiddle.net/u32a1ccL/
I should note I have both jQuery and jQuery UI loaded. JSFiddle example; http://jsfiddle.net/u32a1ccL/
这篇关于使用jQuery可调整大小的表列(表宽于页面)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!