您好Sudip，

如果我对您的理解正确，则希望将产品座舱的"列表视图"中的标题保留在其位置上。

为此，您需要找到位于以下位置的 cockpit_essential.css 文件：

  productcockpit \ web \ webroot \ cockpit \ css  

在这里，您需要找到相应的组件，即 listColumnHeader 。 您需要将其位置从"相对"设置为"固定"。

在" cockpit_essential.css"文件中查找其代码（如上所述），然后进行修改，例如，您可以将列标题样式的CSS代码修改为：

  div.listColumnHeader {
      高度：20px；
      溢出-x：隐藏;
      背景颜色：#CDE0FF;
      位置：固定
      padding-left：3px；
      padding-right：3px；
      z索引：501；
  }

  

请注意，默认值应为：

• 位置从相对更改为固定。
• 添加了背景色以区分此列标题-将其更改为所需的任何颜色（代码）。
• 添加了Z索引条目以将其放在堆栈的前面-以便图像等出现在堆栈的后面。

要更改列宽，可以搜索组件 clcColumn 并更改列宽，例如：

您可以将其（clcColumn）CSS样式更改为以下内容：

  .columnLayoutComponent .clcColumn {
          最小宽度：100像素；
          背景：透明；
          职位：相对
          最高：0;
          向左飘浮;
  }

  

更改是将最小宽度从20px增加到100px。 您还可以使用百分比，例如20％-相对于容器（容器的20％）的百分比。 显然，将值更改为所需的值。 您也可以操纵其他属性以适合您的需求。

在此文件中，您可以对驾驶舱进行进一步的样式（CSS）修改。

最诚挚的问候，

Niko