SlickGrid细胞上的“l0 r0”命名法意味着什么？

Question

我正在尝试通过调整“列”的宽度来修改单元格，所以我试图弄清楚SlickGrid如何对类和样式进行处理。

我注意到每一行都有这样的内容：

<div class=​"slick-cell l0 r0">​…​</div>​
<div class=​"slick-cell l1 r1">​…​</div>​
<div class=​"slick-cell l2 r2">​…​</div>​
...

我认为对于左（意为列）而言可能是l，对于行可能是r，但这两个数字在一行内都会发生变化。任何人都知道这些类应该代表什么？

我看到它在slick.grid.js的第1455行设置的地方：

var cellCss = "slick-cell l" + cell + " r" + Math.min(columns.length - 1, cell + colspan - 1) +

我无法解析那个数学min语句的意图。

Answer 1

l代表“左”，r代表“右”。 SlickGrid根据列宽动态生成.l<column>和.r<column> CSS规则。细胞绝对定位。 l<column>规则指定左坐标，而r<column>规则指定正确的坐标。典型的单元格将同时应用它们（例如，第5列的l4 r4）。这种分离对于具有colspan的细胞来说非常方便。例如，如果单元格4跨越2个单元格，则会应用CSS l4 r5。

那就是说，你可能不应该搞乱网格的内部，而是使用提供的API代替：）