Javascript-ExtJs-如何在数据网格中每第n行添加一个自定义行

Javascript - ExtJs - How to add a custom row every nth row in a data grid?

本文关键字：添加 自定义 一个 数据 数据网 网格 Javascript-ExtJs-      更新时间：2023-09-26

我有一个数据网格，其中每一行表示一周中某一天的一些数据。我的商店至少有7行。我想做的是每7天用一行分割一次网格，该行只包含一个带有周号的自定义text/div。

最后的网格应该像这个

Col1    Col2    Col3    Col4
------------Week1-----------
r1       r1     r1      r1
r2       r2     r2      r2
............................
r7       r7     r7      r7
------------Week2-----------
r1       r1     r1      r1
r2       r2     r2      r2
............................

如果能够用颜色、高度等来设计周行的样式，那就太好了！

我看过Sencha的例子，并寻找其他解决方案，但没有找到。这可以做到吗（我现在可以了）？或者你能给我一个可能的解决方案和实施方案吗？

谢谢！我使用的是ExtJs 4.0.7

您有两个选项：

  • 在存储中添加额外的行，并使用行类进行自定义
  • 如果你能以某种方式识别属于一周的天数，请使用网格分组插件-http://dev.sencha.com/deploy/ext-4.0.1/examples/grid/group-summary-grid.html
相关文章：