Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI table data & headers not showing. #26

Open
5 tasks
weirders opened this issue Feb 14, 2020 · 8 comments
Open
5 tasks

UI table data & headers not showing. #26

weirders opened this issue Feb 14, 2020 · 8 comments

Comments

@weirders
Copy link

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
@dceejay
Copy link
Member

dceejay commented Feb 14, 2020

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 ?

@weirders
Copy link
Author

dashboard: 2.9.4
node red: 1.0.3
no error messages

@weirders
Copy link
Author

weirders commented Feb 14, 2020

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

@Christian-Me
Copy link
Contributor

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)

@Bobo-amg
Copy link

Bobo-amg commented Mar 8, 2020

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

@Christian-Me
Copy link
Contributor

This might be a known problem where a solution exists

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

@burtonboucher
Copy link

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

@Christian-Me
Copy link
Contributor

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants