Skip to content

Table

A table displays rows of data.

Import

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

Playground

API

MpTable

Props
Slots
NameTypeDefault
is-hoverable
If true, table highlighted when hovered.
booleantrue

MpTableHead

Props
Slots
NameTypeDefault
is-fixed
If true, table have fixed header.
booleanfalse

MpTableBody

Slots
NameType
default
Slot to render child element.
any

MpTableRow

Slots
NameType
default
Slot to render child element.
any

MpTableCell

Props
Slots
NameTypeDefault
as
Rendered tag of table cell.
stringth
is-fixed
If true, table have fixed cell.
booleanfalse

MpTableContainer

Props
Events
Slots
NameTypeDefault
has-shadow
If true, table have shadow when overflow.
booleanfalse

Usage

Table Fixed

With Shadow