Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
228 lines
7.4 KiB
JSON
228 lines
7.4 KiB
JSON
{
|
|
"props": {
|
|
"borderAxis": {
|
|
"type": {
|
|
"name": "union",
|
|
"description": "'both'<br>| 'bothBetween'<br>| 'none'<br>| 'x'<br>| 'xBetween'<br>| 'y'<br>| 'yBetween'<br>| string"
|
|
},
|
|
"default": "'xBetween'"
|
|
},
|
|
"children": { "type": { "name": "node" } },
|
|
"color": {
|
|
"type": {
|
|
"name": "union",
|
|
"description": "'danger'<br>| 'neutral'<br>| 'primary'<br>| 'success'<br>| 'warning'<br>| 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'<br>| 'md'<br>| 'lg'<br>| string"
|
|
},
|
|
"default": "'md'",
|
|
"additionalInfo": { "joy-size": true }
|
|
},
|
|
"slotProps": {
|
|
"type": { "name": "shape", "description": "{ root?: func<br>| 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'<br>| 'even'<br>| string"
|
|
}
|
|
},
|
|
"sx": {
|
|
"type": {
|
|
"name": "union",
|
|
"description": "Array<func<br>| object<br>| bool><br>| func<br>| object"
|
|
},
|
|
"additionalInfo": { "sx": true }
|
|
},
|
|
"variant": {
|
|
"type": {
|
|
"name": "union",
|
|
"description": "'outlined'<br>| 'plain'<br>| 'soft'<br>| 'solid'<br>| 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": "<ul><li><a href=\"/joy-ui/react-table/\">Table</a></li></ul>",
|
|
"cssComponent": false
|
|
}
|