I have a basic MariaDB which I query and add the subsequent dataset to a table. The flow is below.
The node-red dashboard 2.0 documentation suggests that a breakpoint is available to switch from data in a table to data in individual cards (mobile mode).
Documentation suggests there are a] 4 defaults (of which my instance only has 3), b] a method to manually specify a px value or c] none (never switch).
My dashboard 2 table node only has 3 defaults - mobile, tablet and Desktop. Since my data when displayed is wider than the defaults, I would like to be able to either specify a px value or none.
How do I do that?
Thanks for any help
[
{
"id": "d1739be96a07a6c9",
"type": "ui-table",
"z": "42a8588e795251ca",
"group": "78f803b4efd79705",
"name": "Basic Table",
"label": "my test db",
"order": 1,
"width": 0,
"height": 0,
"maxrows": 0,
"passthru": false,
"autocols": true,
"showSearch": false,
"deselect": true,
"selectionType": "none",
"columns": ,
"mobileBreakpoint": "sm",
"mobileBreakpointType": "defaults",
"action": "replace",
"x": 850,
"y": 180,
"wires": [
]
},
{
"id": "78f803b4efd79705",
"type": "ui-group",
"name": "Group 1",
"page": "048a05cbebcaa0df",
"width": 6,
"height": 1,
"order": 1,
"showTitle": true,
"className": "",
"visible": "true",
"disabled": "false",
"groupType": "default"
},
{
"id": "048a05cbebcaa0df",
"type": "ui-page",
"name": "Page 1",
"ui": "c3c68f976471aa26",
"path": "/page1",
"icon": "home",
"layout": "grid",
"theme": "e097e95414056b0d",
"breakpoints": [
{
"name": "Default",
"px": "0",
"cols": "3"
},
{
"name": "Tablet",
"px": "576",
"cols": "12"
},
{
"name": "Small Desktop",
"px": "768",
"cols": "9"
},
{
"name": "Desktop",
"px": "1024",
"cols": "12"
}
],
"order": 1,
"className": "",
"visible": "true",
"disabled": "false"
},
{
"id": "c3c68f976471aa26",
"type": "ui-base",
"name": "http://homeassistant.local:1880/endpoint/dashboard",
"path": "/dashboard",
"appIcon": "",
"includeClientData": true,
"acceptsClientConfig": [
"ui-notification",
"ui-control"
],
"showPathInSidebar": false,
"headerContent": "page",
"navigationStyle": "default",
"titleBarStyle": "default",
"showReconnectNotification": true,
"notificationDisplayTime": 1,
"showDisconnectNotification": true,
"allowInstall": false
},
{
"id": "e097e95414056b0d",
"type": "ui-theme",
"name": "Default Theme",
"colors": {
"surface": "#ffffff",
"primary": "#0094CE",
"bgPage": "#eeeeee",
"groupBg": "#ffffff",
"groupOutline": "#cccccc"
},
"sizes": {
"density": "default",
"pagePadding": "12px",
"groupGap": "12px",
"groupBorderRadius": "4px",
"widgetGap": "12px"
}
}
]
