如何为只读 SlickGrid 单元格提供与可编辑单元格不同的背景？

【问题标题】：How to give read-only SlickGrid cells a different background than editable cells?如何为只读 SlickGrid 单元格提供与可编辑单元格不同的背景？
【发布时间】：2011-09-11 05:40:06
【问题描述】：

当 Grid 加载时，我希望用户可以立即看到哪些单元格是可编辑的，哪些不是。我试过类似的东西：

   .slick-cell.editable
    {
        background-color: #f0f0f0;
    }

但是，似乎只有在激活单元格后才会应用“可编辑”类。另外，我试图让它变得非常灵活，这样如果单元格的可编辑性在运行时发生变化，网格可以重新渲染并正确显示。

【问题讨论】：

标签： javascript css slickgrid

【解决方案1】：

由于单元格的“可编辑性”是动态确定的（您可以提供 onBeforeEditCell 事件处理程序），因此无法以声明方式执行此操作。如果您确实知道在您的应用程序中哪些单元格是可编辑的，我建议您在自定义格式化程序中添加一个 CSS 类。

【讨论】：

我明白了，如果“可编辑性”发生变化，然后删除该类？如果在列定义中使用编辑器初始化列，是否甚至可以在运行时将其删除？
是的，您可以在运行时使用 .setColumns() 更新列定义。此外，我提到的 onBeforeEditCell 事件是评估单个单元格可编辑性的另一种方法，而不仅仅是每列。