jQWidgets jqxTreeGrid enableHover 属性

enableHover 属性是jQWidgets jqxTreeGrid组件中的一个属性，它控制着是否启用行悬停样式。

当 enableHover 属性被设置为 true 时，鼠标悬停在单元格上时，该行将呈现出不同的颜色，以突出显示该行。这可以提高用户体验，使用户更容易识别特定行中的数据。

以下是 enableHover 属性的使用方法：

$('#myTreeGrid').jqxTreeGrid({
    columns: [
        { text: 'Id', dataField: 'id', width: 50 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 80 },
        { text: 'Gender', dataField: 'gender', width: 80 },
        { text: 'Address', dataField: 'address' }
    ],
    source: myTreeGridData,
    enableHover: true
 });

注意， enableHover 属性需要设为 true，才能启用该功能。

除了 enableHover 属性之外，还有其他一些属性可以用来自定义行悬停样式，例如 hoverRowBackground 和 hoverColumnBackground。

以下是使用 hoverRowBackground 和 hoverColumnBackground 属性的示例：

$('#myTreeGrid').jqxTreeGrid({
    columns: [
        { text: 'Id', dataField: 'id', width: 50 },
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 80 },
        { text: 'Gender', dataField: 'gender', width: 80 },
        { text: 'Address', dataField: 'address' }
    ],
    source: myTreeGridData,
    enableHover: true,
    hoverRowBackground: '#CCE5FF',
    hoverColumnBackground: '#D5E8D4'
});

在上面的示例中， hoverRowBackground 属性被设置为 #CCE5FF，表示当鼠标悬停在行上时，该行的背景颜色将被更改为淡蓝色。同样， hoverColumnBackground 属性被设置为 #D5E8D4，表示当鼠标悬停在列上时，该列的背景颜色将被更改为淡绿色。

使用 enableHover 属性和其他自定义样式属性，可以帮助您创建一个专业的、易于使用的交互式表格。