Minimal Example

Turn off what you do not need and the table is a plain, styled grid. Useful for short, read-only lists.

First Name	Last Name	City	State
Shawna	Bruen	Emelyland	Illinois
Tyler	Borer-Kutch	Morarcester	Illinois
Estel	Keebler	Lake Kavonstead	Texas
Kenton	Weissnat	New Alan	Michigan
Filiberto	Nitzsche	North Leta	Rhode Island
Shaun	O'Reilly	Augusta-Richmond County	Rhode Island
Bernardo	Lindgren	Bradtkechester	Alabama
Jaden	Marvin-Smith	West Lorettaberg	New York

Minimal.svelte

<script lang="ts">
  import { MaterialSvelteTable, type MRT_ColumnDef } from 'material-svelte-tanstack-table';
  import { type Person, makeData } from '../data/makeData';

  const columns: MRT_ColumnDef<Person>[] = [
    { accessorKey: 'firstName', header: 'First Name' },
    { accessorKey: 'lastName', header: 'Last Name' },
    { accessorKey: 'city', header: 'City' },
    { accessorKey: 'state', header: 'State' },
  ];

  const data = makeData(8);
</script>

<!-- the same table with every interactive feature turned off -->
<MaterialSvelteTable
  options={{
    columns,
    data,
    enableBottomToolbar: false,
    enableColumnActions: false,
    enableColumnFilters: false,
    enablePagination: false,
    enableSorting: false,
    enableTopToolbar: false,
    tableBodyRowProps: { style: 'height: 40px' },
  }}
/>