javascript - 默认情况下如何保持分组行展开？

Question

我是 Kogrid 的新手。默认情况下，我的网格按 UserRoles 列分组。但它默认显示为折叠状态。我想在页面加载时按 UserRoles 列对网格进行分组和扩展。

<div id="rolesGrid" data-bind="koGrid:rolesGridOptions"></div>

JS：

this.rolesGrid = ko.observableArray([]);
    this.rolesGridCols = [
        { field: 'UserRole', displayName: 'User Role', width: '*'},
        { field: 'UserName', displayName: 'User Name', width: '*' },           
        { field: 'AssignedBy', displayName: 'Assigned By',width: '*' }
    ];

    this.rolesGridOptions = {
        data: this.rolesGrid,                
        columnDefs: this.rolesGridCols,
        groups: ['UserRole'],
        showGroupPanel: false,           
    };
};