如何在 CMS 中使 Silverstripe GridField 的标头部分粘住

Question

我有一个 Silverstripe 4 网站，我想在 GridFields 上添加一个粘性标题。一旦我向下滚动，标题应该位于顶部。

我尝试添加自定义 css 但没有任何作用：

Controller:

$extraFieldsConf = GridFieldConfig_RecordEditor::create();
$extraFieldsConf->addExtraClass('my-sticky-gridfield');

CSS:

.my-sticky-gridfield .grid-field__table thead {
    position: sticky !important;
    top: 0 !important;
    background-color: white !important;
    z-index: 100 !important;
}

Answer 1

您是否在浏览器开发工具中检查过“my-sticky-gridfield”类确实已添加？我认为 GridFieldConfig_RecordEditor 没有 addExtraClass 方法。

因此，您可以将字段集 id 与您想要粘性的行（例如“.sortable-header”）结合使用。

您是否看过有关如何在 CMS 中包含自定义 CSS 的文档？