css - 是否有 slickgrid 的 CSS 类列表？

Question

我想微调使用 slickgrid 的网页的外观。因此，我一直在寻找 slickgrid 的可用 CSS 类列表，但找不到。

是否有这样的列表，有人可以指点我吗，或者我的任务的规范方法是否不同？

Answer 1

Slickgrid 生成类来识别行和列，但从输出来看，这些类没有附加样式:

您应该能够使用 default theme 中提供的类来设置行和列以及偶数、奇数和事件单元格的样式。 .

如果您想更深入地使用生成的样式对单元格进行样式设置，它们似乎是这样的:

.slick-row {
  .slick-cell {// default cell style // }
  .10 {//the row number starting at 10 // }
  .r1 (//the column number starting at 1 // }
}

所以你可以这样设计它们:

.slick-row .r0 {
  //style first items in row 
}

.slick-row .10.r0 {
  //style first item in first row 
}

.slick-row div[class^="r"] {
  //style all elements starting with 'r'
}

.slick-row div[class^="r"]:nth-child(3) {
  //style every third row element
}

还有很多方法，但我看不出默认主题不提供您需要哪种样式。如果您需要 super 特定的样式(即第五列的每七行，但不是质数)，我会使用带编号的类使用 javascript 为单元格设置样式。