Javascript 将jQuery Resizeable一次附加到2个表，以便调整同一列的大小
jQuery如何应用于两个表的特定实例，一个表是标题/列表，另一个表包含数据。例如，如果我要调整标题表中的一列的大小，那么另一个表中包含数据的列也会调整大小 这是可以做到的还是会被认为超出范围Javascript 将jQuery Resizeable一次附加到2个表，以便调整同一列的大小,javascript,jquery,api,javascript-framework,resizable,Javascript,Jquery,Api,Javascript Framework,Resizable,jQuery如何应用于两个表的特定实例，一个表是标题/列表，另一个表包含数据。例如，如果我要调整标题表中的一列的大小，那么另一个表中包含数据的列也会调整大小 这是可以做到的还是会被认为超出范围 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Tab
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Table Scroll with Fixed Header</title>
</head>
<body>
<table style="width: 300px" cellpadding="0" cellspacing="0" bgcolor="#c0c0c0">
<tr>
<td style="width: 150px">Column 1</td>
<td>Column 2</td>
</tr>
</table>
<div style="overflow: auto;height: 100px; width: 320px;">
<table style="width: 300px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 150px">Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
</table>
</div>
</body>
</html>
这不是完整的示例，但我希望它能引导您找到解决方案 您需要将函数绑定到resize end事件，并在回调中获取当前项的宽度并将其应用于其他表列
$( ".selector" ).bind( "resize", function(event, ui) {
// TODO: you need to check index of the resized column and store it
var width = $(ui).width();
// TODO: find nth column from the other table and set it's width to be exactly same as
// table 1
$(".other-table-selector").width(width);
});