Dashboard 2 table searchbar huge

For some reason, my searchbars have variable size. Why is this? They should all be like the first one.

Since we have no idea how you have implemented the search bar it is impossible to say. Please export the search bar node and paste it in here.

I didn’t, it’s the default search toggle in the table node in dashboard 2.

This is the table:

[{"id": "b47138d08f31f40e","type": "ui-table","z": "734a13e3.37befc","group": "b627bc42e7ff1b1c","name": "FaultyPingresponse table VW","label": "Voorwals","order": 2,"width": "3","height": "1","maxrows": 0,"passthru": false,"autocols": false,"showSearch": true,"deselect": true,"selectionType": "none","columns": [{"title": "Name","key": "Name","keyType": "key","type": "text","width": "60%","align": "start"},{"title": "IP_Address","key": "IP_Address","keyType": "key","type": "text","width": "30%","align": "start"},{"title": "Last Ping","key": "PingResponse","keyType": "key","type": "text","width": "10%","align": "start"}],"mobileBreakpoint": "sm","mobileBreakpointType": "defaults","action": "replace","x": 1370,"y": 640,"wires": []},{"id": "b627bc42e7ff1b1c","type": "ui-group","name": "Pingresponses","page": "b3c7faa129a8c77c","width": "12","height": 1,"order": 1,"showTitle": true,"className": "","visible": "true","disabled": "false","groupType": "default"},{"id": "b3c7faa129a8c77c","type": "ui-page","name": "Combricks pingresponse","ui": "e32064f2a9a1440a","path": "/Pings","icon": "home","layout": "grid","theme": "f76cf7548185b8b4","breakpoints": [{"name": "Default","px": "0","cols": "3"},{"name": "Tablet","px": "576","cols": "6"},{"name": "Small Desktop","px": "768","cols": "9"},{"name": "Desktop","px": "1024","cols": "12"}],"order": 1,"className": "","visible": true,"disabled": false},{"id": "e32064f2a9a1440a","type": "ui-base","name": "My Dashboard","path": "/dashboard","appIcon": "","includeClientData": false,"acceptsClientConfig": ["ui-notification","ui-control"],"showPathInSidebar": false,"headerContent": "page","navigationStyle": "default","titleBarStyle": "default","showReconnectNotification": true,"notificationDisplayTime": 1,"showDisconnectNotification": true,"allowInstall": true},{"id": "f76cf7548185b8b4","type": "ui-theme","name": "Default Theme","colors": {"surface": "#d23232","primary": "#ffffff","bgPage": "#ffebeb","groupBg": "#ffffff","groupOutline": "#cccccc"},"sizes": {"density": "default","pagePadding": "12px","groupGap": "12px","groupBorderRadius": "4px","widgetGap": "12px"}}]

OK, I have not used that, I will let a table expert answer.

What version of dashboard are you running?
Renders ok on @flowfuse/node-red-dashboard 1.24.2

Do you have any custom CSS templates?

Running 1.24.2

Am however running 4 tables side by side in the pingresponses group. First one works fine, the other 3 do not.

[
    {
        "id": "1291998a0e38038d",
        "type": "ui-table",
        "z": "734a13e3.37befc",
        "group": "b627bc42e7ff1b1c",
        "name": "FaultyPingresponse table OV",
        "label": "Ovens",
        "order": 1,
        "width": "3",
        "height": "1",
        "maxrows": 0,
        "passthru": false,
        "autocols": false,
        "showSearch": true,
        "deselect": true,
        "selectionType": "none",
        "columns": [
            {
                "title": "Name",
                "key": "Name",
                "keyType": "key",
                "type": "text",
                "width": "60%",
                "align": "start"
            },
            {
                "title": "IP_Address",
                "key": "IP_Address",
                "keyType": "key",
                "type": "text",
                "width": "30%",
                "align": "start"
            },
            {
                "title": "Last Ping",
                "key": "PingResponse",
                "keyType": "key",
                "type": "text",
                "width": "10%",
                "align": "start"
            }
        ],
        "mobileBreakpoint": "sm",
        "mobileBreakpointType": "defaults",
        "action": "replace",
        "x": 1100,
        "y": 600,
        "wires": [
            []
        ]
    },
    {
        "id": "b47138d08f31f40e",
        "type": "ui-table",
        "z": "734a13e3.37befc",
        "group": "b627bc42e7ff1b1c",
        "name": "FaultyPingresponse table VW",
        "label": "Voorwals",
        "order": 2,
        "width": "3",
        "height": "1",
        "maxrows": 0,
        "passthru": false,
        "autocols": false,
        "showSearch": true,
        "deselect": true,
        "selectionType": "none",
        "columns": [
            {
                "title": "Name",
                "key": "Name",
                "keyType": "key",
                "type": "text",
                "width": "60%",
                "align": "start"
            },
            {
                "title": "IP_Address",
                "key": "IP_Address",
                "keyType": "key",
                "type": "text",
                "width": "30%",
                "align": "start"
            },
            {
                "title": "Last Ping",
                "key": "PingResponse",
                "keyType": "key",
                "type": "text",
                "width": "10%",
                "align": "start"
            }
        ],
        "mobileBreakpoint": "sm",
        "mobileBreakpointType": "defaults",
        "action": "replace",
        "x": 1370,
        "y": 640,
        "wires": [
            []
        ]
    },
    {
        "id": "cf6c3c20f055bce8",
        "type": "ui-table",
        "z": "734a13e3.37befc",
        "group": "b627bc42e7ff1b1c",
        "name": "FaultyPingresponse table EW",
        "label": "Eindwals",
        "order": 4,
        "width": "3",
        "height": "1",
        "maxrows": 0,
        "passthru": false,
        "autocols": false,
        "showSearch": true,
        "deselect": true,
        "selectionType": "none",
        "columns": [
            {
                "title": "Name",
                "key": "Name",
                "keyType": "key",
                "type": "text",
                "width": "60%",
                "align": "start"
            },
            {
                "title": "IP_Address",
                "key": "IP_Address",
                "keyType": "key",
                "type": "text",
                "width": "30%",
                "align": "start"
            },
            {
                "title": "Last Ping",
                "key": "PingResponse",
                "keyType": "key",
                "type": "text",
                "width": "10%",
                "align": "start"
            }
        ],
        "mobileBreakpoint": "sm",
        "mobileBreakpointType": "defaults",
        "action": "replace",
        "x": 1370,
        "y": 680,
        "wires": [
            []
        ]
    },
    {
        "id": "0dc572236ba3b3c6",
        "type": "ui-table",
        "z": "734a13e3.37befc",
        "group": "b627bc42e7ff1b1c",
        "name": "FaultyPingresponse table HA",
        "label": "Haspels",
        "order": 3,
        "width": "3",
        "height": "1",
        "maxrows": 0,
        "passthru": false,
        "autocols": false,
        "showSearch": true,
        "deselect": true,
        "selectionType": "none",
        "columns": [
            {
                "title": "Name",
                "key": "Name",
                "keyType": "key",
                "type": "text",
                "width": "60%",
                "align": "start"
            },
            {
                "title": "IP_Address",
                "key": "IP_Address",
                "keyType": "key",
                "type": "text",
                "width": "30%",
                "align": "start"
            },
            {
                "title": "Last Ping",
                "key": "PingResponse",
                "keyType": "key",
                "type": "text",
                "width": "10%",
                "align": "start"
            }
        ],
        "mobileBreakpoint": "sm",
        "mobileBreakpointType": "defaults",
        "action": "replace",
        "x": 1360,
        "y": 720,
        "wires": [
            []
        ]
    },
    {
        "id": "b627bc42e7ff1b1c",
        "type": "ui-group",
        "name": "Pingresponses",
        "page": "b3c7faa129a8c77c",
        "width": "12",
        "height": 1,
        "order": 1,
        "showTitle": true,
        "className": "",
        "visible": "true",
        "disabled": "false",
        "groupType": "default"
    },
    {
        "id": "b3c7faa129a8c77c",
        "type": "ui-page",
        "name": "Combricks pingresponse",
        "ui": "e32064f2a9a1440a",
        "path": "/Pings",
        "icon": "home",
        "layout": "grid",
        "theme": "f76cf7548185b8b4",
        "breakpoints": [
            {
                "name": "Default",
                "px": "0",
                "cols": "3"
            },
            {
                "name": "Tablet",
                "px": "576",
                "cols": "6"
            },
            {
                "name": "Small Desktop",
                "px": "768",
                "cols": "9"
            },
            {
                "name": "Desktop",
                "px": "1024",
                "cols": "12"
            }
        ],
        "order": 1,
        "className": "",
        "visible": true,
        "disabled": false
    },
    {
        "id": "e32064f2a9a1440a",
        "type": "ui-base",
        "name": "My Dashboard",
        "path": "/dashboard",
        "appIcon": "",
        "includeClientData": false,
        "acceptsClientConfig": [
            "ui-notification",
            "ui-control"
        ],
        "showPathInSidebar": false,
        "headerContent": "page",
        "navigationStyle": "default",
        "titleBarStyle": "default",
        "showReconnectNotification": true,
        "notificationDisplayTime": 1,
        "showDisconnectNotification": true,
        "allowInstall": true
    },
    {
        "id": "f76cf7548185b8b4",
        "type": "ui-theme",
        "name": "Default Theme",
        "colors": {
            "surface": "#d23232",
            "primary": "#ffffff",
            "bgPage": "#ffebeb",
            "groupBg": "#ffffff",
            "groupOutline": "#cccccc"
        },
        "sizes": {
            "density": "default",
            "pagePadding": "12px",
            "groupGap": "12px",
            "groupBorderRadius": "4px",
            "widgetGap": "12px"
        }
    }
]

I do not believe so, i only use the default settings that dashboard2 provides.

That is ok for me

Upgrade to the latest version of the dashboard in case that makes a difference.

1 Like

If that doesn't help then search (ctrl F) for ui-template to find an such nodes. Then check to see if any of them are of type CSS.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.