Vertex Viewer SDK
    Preparing search index...

    Interface VertexSceneTreeTableLayout

    interface VertexSceneTreeTableLayout {
        controller?: SceneTreeController;
        layoutHeight?: number;
        layoutOffset: number;
        layoutWidth?: number;
        overScanCount: number;
        rowData?: RowDataProvider;
        rowHeight: number;
        rows: Row[];
        scrollOffset: number;
        scrollToPosition: (
            top: number,
            options: Pick<DomScrollToOptions, "behavior">,
        ) => Promise<void>;
        totalRows: number;
        tree?: HTMLVertexSceneTreeElement;
        viewportEndIndex: number;
        viewportStartIndex: number;
    }
    Index
    controller?: SceneTreeController
    layoutHeight?: number
    layoutOffset: number
    0
    
    layoutWidth?: number
    overScanCount: number

    The number of offscreen rows above and below the viewport to render. Having a higher number reduces the chance of the browser not displaying a row while scrolling.

    This prop will be automatically populated based on the overScanCount prop specified in the parent <vertex-scene-tree /> element.

    25
    
    rowData?: RowDataProvider

    A callback that is invoked immediately before a row is about to be rendered. This callback can return additional data that can be bound to in a template.

    This prop will be automatically populated based on the rowData prop specified in the parent <vertex-scene-tree /> element.

    <script>
    const table = document.querySelector('vertex-scene-tree-table');
    table.rowData = (row) => {
    return { func: () => console.log('row', row.node.name) };
    };
    </script>
    <vertex-scene-tree>
    <vertex-scene-tree-table>
    <vertex-scene-tree-table-column>
    <template> <button event:click="{{row.data.func}}">Hi</button> </template>
    </vertex-scene-tree-table-column>
    </vertex-scene-tree-table>
    </vertex-scene-tree>
    rowHeight: number
    24
    
    rows: Row[]
    []
    
    scrollOffset: number
    0
    
    scrollToPosition: (
        top: number,
        options: Pick<DomScrollToOptions, "behavior">,
    ) => Promise<void>

    Scrolls the table to the provided top value.

    Type Declaration

      • (top: number, options: Pick<DomScrollToOptions, "behavior">): Promise<void>
      • Parameters

        • top: number

          The position to scroll to.

        • options: Pick<DomScrollToOptions, "behavior">

          A set of options to configure the scrolling behavior.

        Returns Promise<void>

    totalRows: number
    0
    
    tree?: HTMLVertexSceneTreeElement

    A reference to the scene tree to perform operations for interactions. Such as expansion, visibility and selection.

    viewportEndIndex: number
    0
    
    viewportStartIndex: number
    0