jQWidgets jqxPivotGrid treeStyleRows属性

以下是关于 jQWidgets jqxPivotGrid 组件中 treeStyleRows 属性的详细攻略。

jQWidgets jqxPivotGrid treeStyleRows 属性

jQWidgets jqxPivotGrid 组件的 treeStyleRows 属性用于设置数据透视表中的行是否以树形结构显示。

语法

$('#pivotgrid').jqxPivotGrid({
  treeStyleRows: true // 或 false
});

参数

• true：表示以树形结构显示行。
• false：表示不以树形结构显示行。

示例

以下两个示例，演示如何使用 treeStyleRows 属性。

示例 1

// 设置 treeStyleRows 为 true
$('#pivotgrid').jqxPivotGrid({
  treeStyleRows: true
});

在示例 1 中，我们使用 jqxPivotGrid() 方法设置StyleRows 为 true，表示以树形结构显示行。

示例 2

// 设置 treeStyleRows 为 false
$('#pivotgrid').jqxPivotGrid({
  treeStyleRows: false
});

在示例 2 中，我们使用 jqxPivotGrid() 方法设置 treeStyleRows 为 false，表示不以树形结构显示行。

注意事项

• treeStyleRows 属性用于设置数据透视表中行是否以树形结构显示。
• 表示以树形结构显示行，false 表示不以树形结构显示行。

总之，treeStyleRows 属性用于设置数据透视表中的行是否以树形结构显示。以下是两个示例，演示如何使用 treeStyleRows 属性。

示例 3

// 设置 treeStyleRows 为 true，并设置树形结构的样式
$('#pivotgrid').jqxPivotGrid({
  treeStyleRows: true,
  treeStyleRowsIconWidth: 18,
  treeStyleRowsIconHeight: 18,
  treeStyleRowsIconMarginLeft: 5,
  treeStyleRowsIconMarginTop: 5
});

在示例 3 中，我们使用 jqxPivotGrid() 方法设置 treeStyleRows 为 true，并设置树形结构的样式。

示例 4

// 设置 treeStyleRows 为 true，并设置树形结构的样式和级别
$('#pivotgrid').jqxPivotGrid({
  treeStyleRows: true,
  treeStyleRowsIconWidth: 18,
  treeStyleRowsIconHeight: 18,
  treeStyleRowsIconMarginLeft: 5,
  treeStyleRowsIconMarginTop: 5,
  treeStyleRowsMaxLevel: 2
});

在示例 4 中，我们使用 jqxPivotGrid() 方法设置 treeStyleRows 为 true，并设置树形结构的样式和级别。

以上是四个示例，演示如何使用 treeStyleRows 属性。