博客

jQWidgets jqxTreeGrid columnsHeight属性

  • Post category:jquery

jQWidgets 的 jqxTreeGrid 组件提供了 columnsHeight 属性，用于设置表格列的高度。本文将详细介绍 columnsHeight 属性的使用方法，包括概述、示例以及注意事项。

columnsHeight 属性概述

columnsHeight 属性用于设置表格列的高度。该属性接受一个数字或者一个数组作为参数，表示要设置的高度。

columnsHeight 属性示例

下面是两个示例，展示如何使用 columnsHeight 属性：

示例1：设置所有列的高度为50像素

// jqxTreeGrid 实例
var myTreeGrid = $("#myTreeGrid").jqxTreeGrid({
    width: 500,
    height: 400,
    source: mySource,
    columns: [
        { text: "姓名", dataField: "name", width: 150 },
        { text: "年龄", dataField: "age", width: 100 },
        { text: "性别", dataField: "gender", width: 100 }
    ],
    columnsHeight: 50
});

在上面的示例，我们创建了 jqxTreeGrid 实例，并将 columnsHeight 属性设置为 50，表示所有列的高度都为50像素。

示例2：设置不同列的高度

// jqxTreeGrid 实例
var myTreeGrid = $("#myTreeGrid").jqxTreeGrid({
    width: 500,
    height: 400,
    source: mySource,
    columns: [
        { text: "姓名", dataField: "name", width: 150 },
        { text: "年龄", dataField: "age", width: 100 },
        { text: "性别", dataField: "gender", width: 100 }
    ],
    columnsHeight: [50, 30, 70]
});

在上面的示例中，我们创建了 jqxTreeGrid 实例，并将 columnsHeight 属性设置为一个数组 [50, 30, 70]，表示第一列的高度为50像素，第二列的高度为30像素，第三列的高度为70像素。

注意事项

  • columnsHeight 属性用于设置表格列的高度。
  • 该属性接受一个数字或者一个数组作为参数，表示要设置的高度。

结论

jqxTreeGrid 的 columnsHeight 属性用于设置表格列的高度。上面的示例展示了如何使用 columnsHeight 属性。如果需要设置表格列的高度，设置 columnsHeight 属性即可。

以下是一个完整的例子，展示如何使用 columnsHeight：

// jqxTreeGrid 实例
var myTreeGrid = $("#myTreeGrid").jqxTreeGrid({
    width: 500,
    height: 400,
    source: mySource,
    columns: [
        { text: "姓名", dataField: "name", width: 150 },
        { text: "年龄", dataField: "age", width: 100 },
        { text: "性别", dataField: "gender", width: 100 }
    ],
    columnsHeight: [50, 30, 70]
});

在上面的示例中，我们创建了 jqxTreeGrid 实例，并将 columnsHeight 属性设置为一个数组 [50, 30, 70]，表示第一列的高度为50像素，第二列的高度为30像素，第三列的高度为70像素。

Tags: