jquery - KendoUI Grid - 可以动态更改字体大小以适应列宽吗？

Question

我看到有一些解决方案可以动态设置字体大小以使文本适合给定的大小范围。有什么方法可以在 Kendo Grid 中自动执行此操作吗？随着表大小的缩小(根据需要)，我的列似乎保持成比例的大小，但随着它变小，它要么包装数据使行更高，要么在末尾放置省略号。如果它将列的大小缩小得足够多，则只有省略号，不知道数据到底是什么。我确信如果字体变小，它会更有用。但是当网格更大时我需要更大的字体。

我想我可以有一个函数，根据整个表格(或其父表格)的宽度，我可以更改表格中所有列(表格单元格)的字体大小。这也许是可以接受的。但并不理想。我宁愿让一个包含更多文本的字段使用较小的字体，并且一个仍然适合的字段，因为它非常短(在某些情况下只有一个字母)，没有真正的理由缩小该列中的字体。

也许有人尝试过使用其中一个 jQuery 插件来执行此操作，我尝试了 textfill 插件，但还没有成功。

如果以前没有人这样做过，如果/当我找到解决方案时，我会自己在这里发布答案。

Answer 1

我过去所做的是为我的网格设置“响应”列。调整大小后，设置的列将根据网格的大小隐藏。这可以在 javascript 中完成，并且可以像这样隐藏列:

$(window).on("resize", function () {
        //add your code here
    });

您可以使用剑道隐藏/显示列:

$("#grid_name").data("kendoGrid").showColumn("ColumnName");
$("#grid_name").data("kendoGrid").hideColumn("ColumnName");

您可以设置每列的最小/最大窗口大小，并相应地隐藏/显示。祝你好运。