{
"props": {
"borderAxis": {
"type": {
"name": "union",
"description": "'both'
| 'bothBetween'
| 'none'
| 'x'
| 'xBetween'
| 'y'
| 'yBetween'
| string"
},
"default": "'xBetween'"
},
"children": { "type": { "name": "node" } },
"color": {
"type": {
"name": "union",
"description": "'danger'
| 'neutral'
| 'primary'
| 'success'
| 'warning'
| string"
},
"default": "'neutral'",
"additionalInfo": { "joy-color": true }
},
"component": { "type": { "name": "elementType" } },
"hoverRow": { "type": { "name": "bool" }, "default": "false" },
"noWrap": { "type": { "name": "bool" }, "default": "false" },
"size": {
"type": {
"name": "union",
"description": "'sm'
| 'md'
| 'lg'
| string"
},
"default": "'md'",
"additionalInfo": { "joy-size": true }
},
"slotProps": {
"type": { "name": "shape", "description": "{ root?: func
| object }" },
"default": "{}"
},
"slots": {
"type": { "name": "shape", "description": "{ root?: elementType }" },
"default": "{}",
"additionalInfo": { "slotsApi": true }
},
"stickyFooter": { "type": { "name": "bool" }, "default": "false" },
"stickyHeader": { "type": { "name": "bool" }, "default": "false" },
"stripe": {
"type": {
"name": "union",
"description": "'odd'
| 'even'
| string"
}
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
},
"variant": {
"type": {
"name": "union",
"description": "'outlined'
| 'plain'
| 'soft'
| 'solid'
| string"
},
"default": "'plain'",
"additionalInfo": { "joy-variant": true }
}
},
"name": "Table",
"imports": ["import Table from '@mui/joy/Table';", "import { Table } from '@mui/joy';"],
"slots": [
{
"name": "root",
"description": "The component that renders the root.",
"default": "'table'",
"class": "MuiTable-root"
}
],
"classes": [
{
"key": "borderAxisBoth",
"className": "MuiTable-borderAxisBoth",
"description": "Class name applied to the root element if `borderAxis=\"both\"`.",
"isGlobal": false
},
{
"key": "borderAxisBothBetween",
"className": "MuiTable-borderAxisBothBetween",
"description": "Class name applied to the root element if `borderAxis=\"bothBetween\"`.",
"isGlobal": false
},
{
"key": "borderAxisNone",
"className": "MuiTable-borderAxisNone",
"description": "Class name applied to the root element if `borderAxis=\"none\"`.",
"isGlobal": false
},
{
"key": "borderAxisX",
"className": "MuiTable-borderAxisX",
"description": "Class name applied to the root element if `borderAxis=\"x\"`.",
"isGlobal": false
},
{
"key": "borderAxisXBetween",
"className": "MuiTable-borderAxisXBetween",
"description": "Class name applied to the root element if `borderAxis=\"xBetween\"`.",
"isGlobal": false
},
{
"key": "borderAxisY",
"className": "MuiTable-borderAxisY",
"description": "Class name applied to the root element if `borderAxis=\"y\"`.",
"isGlobal": false
},
{
"key": "borderAxisYBetween",
"className": "MuiTable-borderAxisYBetween",
"description": "Class name applied to the root element if `borderAxis=\"yBetween\"`.",
"isGlobal": false
},
{
"key": "colorContext",
"className": "MuiTable-colorContext",
"description": "Class name applied to the root element when color inversion is triggered.",
"isGlobal": false
},
{
"key": "colorDanger",
"className": "MuiTable-colorDanger",
"description": "Class name applied to the root element if `color=\"danger\"`.",
"isGlobal": false
},
{
"key": "colorNeutral",
"className": "MuiTable-colorNeutral",
"description": "Class name applied to the root element if `color=\"neutral\"`.",
"isGlobal": false
},
{
"key": "colorPrimary",
"className": "MuiTable-colorPrimary",
"description": "Class name applied to the root element if `color=\"primary\"`.",
"isGlobal": false
},
{
"key": "colorSuccess",
"className": "MuiTable-colorSuccess",
"description": "Class name applied to the root element if `color=\"success\"`.",
"isGlobal": false
},
{
"key": "colorWarning",
"className": "MuiTable-colorWarning",
"description": "Class name applied to the root element if `color=\"warning\"`.",
"isGlobal": false
},
{
"key": "hoverRow",
"className": "MuiTable-hoverRow",
"description": "Class name applied to the root element if `hoverRow` is true.",
"isGlobal": false
},
{
"key": "noWrap",
"className": "MuiTable-noWrap",
"description": "Class name applied to the root element if `noWrap` is true.",
"isGlobal": false
},
{
"key": "sizeLg",
"className": "MuiTable-sizeLg",
"description": "Class name applied to the root element if `size=\"lg\"`.",
"isGlobal": false
},
{
"key": "sizeMd",
"className": "MuiTable-sizeMd",
"description": "Class name applied to the root element if `size=\"md\"`.",
"isGlobal": false
},
{
"key": "sizeSm",
"className": "MuiTable-sizeSm",
"description": "Class name applied to the root element if `size=\"sm\"`.",
"isGlobal": false
},
{
"key": "stickyFooter",
"className": "MuiTable-stickyFooter",
"description": "Class name applied to the root element if `stickyFooter` is true.",
"isGlobal": false
},
{
"key": "stickyHeader",
"className": "MuiTable-stickyHeader",
"description": "Class name applied to the root element if `stickyHeader` is true.",
"isGlobal": false
},
{
"key": "variantOutlined",
"className": "MuiTable-variantOutlined",
"description": "Class name applied to the root element if `variant=\"outlined\"`.",
"isGlobal": false
},
{
"key": "variantPlain",
"className": "MuiTable-variantPlain",
"description": "Class name applied to the root element if `variant=\"plain\"`.",
"isGlobal": false
},
{
"key": "variantSoft",
"className": "MuiTable-variantSoft",
"description": "Class name applied to the root element if `variant=\"soft\"`.",
"isGlobal": false
},
{
"key": "variantSolid",
"className": "MuiTable-variantSolid",
"description": "Class name applied to the root element if `variant=\"solid\"`.",
"isGlobal": false
}
],
"spread": false,
"themeDefaultProps": true,
"muiName": "JoyTable",
"forwardsRefTo": "HTMLTableElement",
"filename": "/packages/mui-joy/src/Table/Table.tsx",
"inheritance": null,
"demos": "