📄 tanstack/virtual/latest/docs/framework/svelte/examples/fixed

=========================================================================================================================================================================================================================================================================================================================================================================================================

Code ExplorerCode

Interactive SandboxSandbox

src
- App.svelte
- ColumnVirtualizerFixed.svelte
- GridVirtualizerFixed.svelte
- RowVirtualizerFixed.svelte
- app.css
- main.ts
- vite-env.d.ts
.gitignore
README.md
index.html
package.json
svelte.config.js
tsconfig.json
tsconfig.node.json
vite.config.ts

svelte

<script lang="ts">
  import RowVirtualizerFixed from './RowVirtualizerFixed.svelte'
  import ColumnVirtualizerFixed from './ColumnVirtualizerFixed.svelte'
  import GridVirtualizerFixed from './GridVirtualizerFixed.svelte'
</script>

<main>
  <p>
    These components are using <strong>fixed</strong> sizes. This means that every
    element's dimensions are hard-coded to the same value and never change.
  </p>
  <br />
  <br />

  <h3>Rows</h3>
  <RowVirtualizerFixed />
  <br />
  <br />
  <h3>Columns</h3>
  <ColumnVirtualizerFixed />
  <br />
  <br />
  <h3>Grid</h3>
  <GridVirtualizerFixed />
</main>


<script lang="ts">
  import RowVirtualizerFixed from './RowVirtualizerFixed.svelte'
  import ColumnVirtualizerFixed from './ColumnVirtualizerFixed.svelte'
  import GridVirtualizerFixed from './GridVirtualizerFixed.svelte'
</script>

<main>
  <p>
    These components are using <strong>fixed</strong> sizes. This means that every
    element's dimensions are hard-coded to the same value and never change.
  </p>
  <br />
  <br />

  <h3>Rows</h3>
  <RowVirtualizerFixed />
  <br />
  <br />
  <h3>Columns</h3>
  <ColumnVirtualizerFixed />
  <br />
  <br />
  <h3>Grid</h3>
  <GridVirtualizerFixed />
</main>

VirtualItem

Variable

Partners Become a Partner

scarf analytics