Options
All
  • Public
  • Public/Protected
  • All
Menu

Hierarchy

  • VertexSceneTreeTableLayout

Index

Properties

controller?: SceneTreeController
layoutHeight?: number
layoutOffset: number
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.

rowData?: RowDataProvider

A callback that is invoked immediately before a row is about to 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.

example
<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
rows: Row[]
scrollOffset: number
totalRows: number
tree?: HTMLVertexSceneTreeElement

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

viewportEndIndex: number
viewportStartIndex: number

Methods

  • scrollToPosition(top: number, options: Pick<ScrollToOptions, "behavior">): Promise<void>
  • Scrolls the table to the provided top value.

    Parameters

    • top: number

      The position to scroll to.

    • options: Pick<ScrollToOptions, "behavior">

      A set of options to configure the scrolling behavior.

    Returns Promise<void>