jQWidgets jqxTreeGrid columnsHeight属性

jqxTreeGrid 是 jQWidgets 提供的一个树形表格组件，它可以展示层级结构的数据。jqxTreeGrid 组件有一个 columnsHeight 属性，用于设置表格列的高度。下面是 columnsHeight 属性的详细讲解和示例说明：

columnsHeight 属性

columnsHeight 属性用于设置表格列的高度。它可以接受一个数字或字符串作为参数，表示表格列的高度。如果设置为数字，则表示表格列的高度为指定的像素值；如果设置为字符串，则表示表格列的高度为指定的百分比值。

示例 1

下面是一个示例，展示如何使用 columnsHeight 属性设置表格列的高度为 50 像素：

$('#treeGrid').jqxTreeGrid({
    columns: [
        { text: '列1', dataField: 'column1' },
        { text: '列2', dataField: 'column2' },
        { text: '列3', dataField: 'column3' }
    ],
    columnsHeight: 50,
    source: ...
});

在这个示例中，我们创建了一个 jqxTreeGrid 组件，并设置 columns 属性为一个包含三个列的数组。然后，我们使用 columnsHeight 属性设置表格列的高度为 50 像素。

示例 2

下面是另一个示例，展示如何使用 columnsHeight 属性设置表格列的高度为 25%：

$('#treeGrid').jqxTreeGrid({
    columns: [
        { text: '列1', dataField: 'column1' },
        { text: '列2', dataField: 'column2' },
        { text: '列3', dataField: 'column3' }
    ],
    columnsHeight: '25%',
    source: ...
});

在这个示例中，我们同样创建了一个 jqxTreeGrid 组件，并设置 columns 属性为一个包含三个列的数组。然后，我们使用 columnsHeight 属性设置表格列的高度为 25%。

以上就是 jqxTreeGrid 组件的 columnsHeight 属性的详细讲解和示例说明。