您好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

嗨Sudip，

您可以通过搜索正确的组件来更改列宽-我想您可能希望更改组件 clcColumn -与上一个CSS文件（cockpit_essential.css）相同。 您也可以更改其他样式以适合您的要求。

请检查我的示例代码答案。 我的评论/回复太长，因此无法在此处添加所有内容。 我已经编辑了答案，以包括有关列宽的注释。

还有其他方法来处理美学问题，但我认为只需修改"最小宽度"就足够了。 希望有帮助！

最诚挚的问候，尼康

嗨，尼康，我按照建议尝试了，问题是何时出现水平滚动条。 如果水平滚动，标题也必须滚动。

< p>嗨，亚历山德罗，嗨，阿什玛，你有解决方案吗？