javascript - 将 jQuery.resizable API 应用于 HTML 表格失败

Question

我想将 jQuery 可调整大小的 API 应用到我的 HTML 表，但它似乎没有按应有的方式工作，我的表头顶部没有用于调整列大小的句柄。

这是小提琴：

$(function() {
$("#data tr th").resizable({ handles: 'e' });
});

score 0 · Accepted Answer

有几点需要注意

您的表格行标签未关闭。</tr>

您的表头标签未关闭。</thead>

您没有在文件中包含 jquery UI。

请记住使用浏览器的调试器。它可以在缺少 jquery UI 代码参考错误等情况下为您提供帮助。

我假设您希望在此示例中调整整个表的大小，但如果不是，它应该仍然能够让您开始。我的修订

score 0 · Accepted Answer

我逐行使用 CSS 来查看可能导致 jQuery 与 CSS 不兼容的更改。

将css行从：

#data thead tr {
        top: expression(this.offsetParent.scrollTop);
        position: relative;
}

至：

#data th tr {
        top: expression(this.offsetParent.scrollTop);
        position: relative;
}

2 回答 2