node-red-ui-nodes icon indicating copy to clipboard operation
node-red-ui-nodes copied to clipboard

Published 20 hours ago • verified publisher icon node-red

UI table data & headers not showing.

Open weirders opened this issue 5 years ago • 8 comments

Which node are you reporting an issue on?

UI table

What are the steps to reproduce?

import example basic table from github, deploy, check frontend

What happens?

UI table data not loading in. Data & headers not showing. Rebooted server. Title shows, headers do not, but browser inspector shows header info in there, but no data block.

What do you expect to happen?

Show table

Please tell us about your environment:

  • [ ] Node-RED version: V1.0.3
  • [ ] node.js version:
  • [ ] npm version:
  • [ ] Platform/OS: HASSIO / homeassistant/raspberrypi3-homeassistant:0.105.2
  • [ ] Browser: Chrome

weirders avatar Feb 14 '20 10:02 weirders

which version of dashboard are you using ? and which version on node-red ? Are there any error messages in the browser console log/developer tools log ?

dceejay avatar Feb 14 '20 12:02 dceejay

dashboard: 2.9.4 node red: 1.0.3 no error messages

weirders avatar Feb 14 '20 13:02 weirders

apologies, didnt understand correctly:

VM21773:1 GET https://xxx.xxx.com:1880/endpoint/ui/ui-table/js/tabulator.js 404 (anonymous) @ VM21773:1 send @ app.min.js:20 ajax @ app.min.js:20 k._evalUrl @ app.min.js:20 Ie @ app.min.js:20 append @ app.min.js:20 (anonymous) @ app.min.js:20 _ @ app.min.js:20 html @ app.min.js:20 (anonymous) @ app.min.js:596 $digest @ app.min.js:172 $apply @ app.min.js:176 (anonymous) @ app.min.js:593 (anonymous) @ app.min.js:594 r.emit @ index.js:83 r.onevent @ index.js:83 r.onpacket @ index.js:83 (anonymous) @ index.js:83 r.emit @ index.js:83 r.ondecoded @ index.js:83 (anonymous) @ index.js:83 r.emit @ index.js:83 a.add @ index.js:83 r.ondata @ index.js:83 (anonymous) @ index.js:83 r.emit @ index.js:83 r.onPacket @ index.js:83 (anonymous) @ index.js:83 r.emit @ index.js:83 r.onPacket @ index.js:83 n @ index.js:83 e.decodePayload @ index.js:83 r.onData @ index.js:83 (anonymous) @ index.js:83 r.emit @ index.js:83 i.onData @ index.js:83 i.onLoad @ index.js:83 hasXDR.e.onreadystatechange @ index.js:83 XMLHttpRequest.send (async) (anonymous) @ VM21773:1 i.create @ index.js:83 i @ index.js:83 o.request @ index.js:83 o.doPoll @ index.js:83 r.poll @ index.js:83 r.onData @ index.js:83 (anonymous) @ index.js:83 r.emit @ index.js:83 i.onData @ index.js:83 i.onLoad @ index.js:83 hasXDR.e.onreadystatechange @ index.js:83 XMLHttpRequest.send (async) (anonymous) @ VM21773:1 i.create @ index.js:83 i @ index.js:83 o.request @ index.js:83 o.doPoll @ index.js:83 r.poll @ index.js:83 r.onData @ index.js:83 (anonymous) @ index.js:83 r.emit @ index.js:83 i.onData @ index.js:83 i.onLoad @ index.js:83 hasXDR.e.onreadystatechange @ index.js:83 XMLHttpRequest.send (async) (anonymous) @ VM21773:1 i.create @ index.js:83 i @ index.js:83 o.request @ index.js:83 o.doPoll @ index.js:83 r.poll @ index.js:83 r.doOpen @ index.js:83 r.open @ index.js:83 r.open @ index.js:83 r @ index.js:83 r @ index.js:83 r.open.r.connect @ index.js:83 r @ index.js:83 r @ index.js:83 r @ index.js:83 connect @ app.min.js:594 (anonymous) @ app.min.js:593 invoke @ app.min.js:66 S.instance @ app.min.js:118 p @ app.min.js:92 g @ app.min.js:85 (anonymous) @ app.min.js:85 (anonymous) @ app.min.js:43 $eval @ app.min.js:175 $apply @ app.min.js:175 (anonymous) @ app.min.js:43 invoke @ app.min.js:66 c @ app.min.js:43 Uc @ app.min.js:43 Ae @ app.min.js:42 (anonymous) @ app.min.js:369 e @ app.min.js:20 t @ app.min.js:20 setTimeout (async) (anonymous) @ app.min.js:20 c @ app.min.js:20 fireWith @ app.min.js:20 fire @ app.min.js:20 c @ app.min.js:20 fireWith @ app.min.js:20 ready @ app.min.js:20 B @ app.min.js:20 Show 41 more frames (index):1 Refused to apply style from 'https://xxx.xxx.com:1880/endpoint/ui/ui-table/css/tabulator.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. VM21856:34 Uncaught ReferenceError: Tabulator is not defined at createTable (eval at (app.min.js:596), :34:41) at eval (eval at (app.min.js:596), :43:37)

edit: URL redacted

weirders avatar Feb 14 '20 13:02 weirders

I had this problem before. What happens if you paste: https://xxx.xxx.com:1880/endpoint/ui/ui-table/css/tabulator.min.css In your browser (with your correct hostname). Very likely you get an error message (404? Or something https related)

Christian-Me avatar Feb 29 '20 12:02 Christian-Me

I have the same problem. I get the error "ERR_SSL_PROTOCOL_ERROR"

Bobo-amg avatar Mar 08 '20 08:03 Bobo-amg

This might be a known problem where a solution exists

https://discourse.nodered.org/t/node-red-ui-table-fails-when-httpnodeauth-enabled/22425

Christian-Me avatar Mar 08 '20 14:03 Christian-Me

Same symptom: Table is not visible: IBM Cloud Node-RED Starter app (Runs on Cloud Foundry) Node js version 12.x Node-RED version 1.0.4 Dashboard version 2.21.0 node-red-node-ui-table 0.3.1

Works fine on my localhost: OSX 10.15.4 Node v12.16.1 Node-RED version 1.0.3 Dashboard version 2.19.4 node-red-node-ui-table 3.0.0

burtonboucher avatar Apr 30 '20 15:04 burtonboucher

@burtonboucher to help here I need more Information. 0.3.1 should solve the table size issue. https issues I can`t help, sorry. Please look @ https://discourse.nodered.org/t/node-red-ui-table-fails-when-httpnodeauth-enabled/22425

Christian-Me avatar May 05 '20 10:05 Christian-Me