使用 jquery 重新调整剑道网格行高答案

【问题标题】：Re-adjust kendo grid row height with jquery使用 jquery 重新调整剑道网格行高
【发布时间】：2022-11-12 10:20:41
【问题描述】：

我有 kendo 网格，其中一列映射到 varchar 表列。数据不适合一行，因此表格单元格被包裹（导致表格行成为多行）。

我还有 jquery 函数，它在页面加载后抓取 varchar/string 并用较短的子字符串替换该值（使其成为一行，而不是多行）。此功能仅适用于某些用户，而不是所有用户。

$('.shortenString').each(function () {
    this.outerHTML = this.innerHTML.substring(0, this.innerHTML.indexOf('-'));
}

我面临的问题是在缩短列中显示的字符串后，整个表格行不会重新调整它的高度 - 行高保持不变，就像表格单元格仍然是多行的。

在我将某些用户的表格单元格字符串缩短为一行后，是否有一种 jquery 方法强制重新计算剑道网格行（单元格）高度？我无法为该单元格上的所有用户设置 white-space: nowrap，因为我仍然希望非缩短文本为某些用户换行。

【问题讨论】：

您可以分享用于缩短字符串的代码吗？在内部，网格使用 HTML 元素，如果内容被缩短，这些元素会自动调整大小。
@CecoMilchev - 是的。我用添加的代码编辑了我的问题。

标签： jquery kendo-grid kendo-asp.net-mvc

【解决方案1】：

我从未使用过剑道网格，但您可以尝试调整缩短表格单元格的表格行的高度，如下所示：

$('.shortenString').each(function () {
    this.outerHTML = this.innerHTML.substring(0, this.innerHTML.indexOf('-'));
    $(this).closest('tr').prop('height':'30px'); //or whatever height you want
}

我还没有看到你的表格，所以我不知道你的行是否在同一行中有多行和单行单元格。如果是这种情况，您可以验证它为您的代码添加更多逻辑。

无论如何，我希望它有所帮助

【讨论】：