Table

A table displays rows of data.

Import

import {
  MpTable,
  MpTableHead,
  MpTableBody,
  MpTableRow,
  MpTableCell,
  MpTableContainer
} from '@mekari/pixel3'

Playground

API

MpTable

Props

Slots

Name	Type	Default
is-hoverable If true, table highlighted when hovered.	boolean	true

MpTableHead

Props

Slots

Name	Type	Default
is-fixed If true, table have fixed header.	boolean	false
is-bordered If true, adds borders to all table cells.	boolean	false
is-narrowed If true, table more compact.	boolean	false

MpTableBody

Props

Slots

Name	Type	Default
is-bordered If true, adds borders to all table cells.	boolean	false
is-narrowed If true, table more compact.	boolean	false

MpTableRow

Slots

Name	Type
default Slot to render child element.	any

MpTableCell

Props

Slots

Name	Type	Default
as Rendered tag of table cell.	string	th
is-fixed If true, table have fixed cell.	boolean	false

MpTableContainer

Props

Events

Slots

Name	Type	Default
has-shadow If true, table have shadow when overflow.	boolean	false

Usage

Table Fixed

With Shadow

With Bordered and Narrowed