如何在 SlickGrid 中调整 header 行高?

How do I adjust header row height in SlickGrid?

我正在尝试创建一个基于 Web 的应用程序,用户可以在其中编辑网格中显示的一些信息。我遵循了 Tom Dykstra 关于使用 EF6 的 MVC 的优秀教程。它显示数据行(但不在可编辑的网格中),每行的末尾都有一个 'Edit' 按钮,可将用户带到单独的 page/form 以及该行项目的编辑控件。我的客户想要一个网格,因为他们喜欢 Excel。 我决定使用 SlickGrid 添加网格组件,以便可以编辑数据 in-place。我在 C# 方面还不错,并且在这方面做得很好,但我确实没有什么 Javascript 经验。 (我现在正在完成一门课程)。屏幕截图显示了我到目前为止所得到的,我已经显示了一个包含一些数据的网格。但是,header 行不够大,无法包含标题。我如何使它变大?我找到了一种方法,但它似乎涉及更改 slick-grid .css 中的硬编码默认值(或在我自己的 .css 中覆盖它)。这对我来说似乎是错误的(特别是如果我以后想要在我的应用程序中使用多个网格)。我宁愿(期望)找到一个我可以在 .js 中进行的调用来更改网格 header 行高。有吗? 谢谢!

快速说明:API HeaderRow 是过滤器等的额外 general-use 行,Header 是实际的 header。

要回答这个问题,没有基于代码的方法可以做到这一点。也许应该添加这个,但那是另一个问题!

您可以使用 grid.getHeader() 获取 header parent 元素并使用 jQuery 调整高度,或自定义页面上的每个网格,您可以分配一个 class 到每个网格,然后将其合并到您的 CSS.
每个网格还标有 class 名称,其中包含网格的唯一 ID,例如。 slickgrid_501666。 id 可以用 grid.getUID() 检索,但更改 CSS 必须在代码中完成,因为 UID 是在网格初始化时随机分配的。

我使用的方法是简单地使用 CSS 修改 header 高度,就像您所做的那样。我通常会尝试在我的应用程序中使用一致的网格外观。