JSPM

  • Created
  • Published
  • Downloads 9629
  • Score
    100M100P100Q127697F
  • License Apache-2.0

Svelte Material UI - Data Table

Package Exports

  • @smui/data-table

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@smui/data-table) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Svelte Material UI - Data Table

A data table shows tabular information, and optionally allows the user to select rows.

See MDC Data Table for more information on API and Sass mixins.

See the Sass variable file for styling variables.

Installation

npm install --save-dev @smui/data-table

Basic Usage

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

<DataTable table$aria-label="Products">
  <Head>
    <Row>
      <Cell>Name</Cell>
      <Cell>Description</Cell>
      <Cell>Quantity</Cell>
    </Row>
  </Head>
  <Body>
    <Row>
      <Cell>Reds</Cell>
      <Cell>The red ones</Cell>
      <Cell numeric>45</Cell>
    </Row>
    <Row>
      <Cell>Blues</Cell>
      <Cell>The blue ones</Cell>
      <Cell numeric>37</Cell>
    </Row>
    <Row>
      <Cell>Yellows</Cell>
      <Cell>The yellow ones</Cell>
      <Cell numeric>32</Cell>
    </Row>
  </Body>
</DataTable>

Demo

in action: https://sveltematerialui.com/#/demo/data-table

demo code: https://github.com/hperrin/svelte-material-ui/blob/master/site/demos/DataTable.svelte

Exports

todo...