svelte-material-ui/packages/site/src/routes/demo/data-table/_Simple.svelte at master · hperrin/svelte-material-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<DataTable table$aria-label="People list" style="max-width: 100%;">
  <Head>
    <Row>
      <Cell>Name</Cell>
      <Cell>Favorite Color</Cell>
      <Cell numeric>Favorite Number</Cell>
    </Row>
  </Head>
  <Body>
    <Row>
      <Cell>Steve</Cell>
      <Cell>Red</Cell>
      <Cell numeric>45</Cell>
    </Row>
    <Row>
      <Cell>Sharon</Cell>
      <Cell>Purple</Cell>
      <Cell numeric>5</Cell>
    </Row>
    <Row>
      <Cell>Rodney</Cell>
      <Cell>Orange</Cell>
      <Cell numeric>32</Cell>
    </Row>
    <Row>
      <Cell>Mack</Cell>
      <Cell>Blue</Cell>
      <Cell numeric>12</Cell>
    </Row>
  </Body>
</DataTable>

<script lang="ts">
  import DataTable, { Head, Body, Row, Cell } from '@smui/data-table';
</script>