bootstrap-table.js in Generic JavaScript View

Hi community,

i want to use a table like in JavaScript Table Viw Node inside a Generic JavaScript View Node.

I want to use bootstrap-table.js or jquery.datatables.js

I tried it with the bootstrap-table source code from here:

I copied the source code into a table, created a flow variable to pass the code into Generic JavaScript View Node.

If i try do create the table like in the documentation here
i get the following error:

TypeError: $(…).bootstrapTable is not a function …

Same error when using datatables.js

Can anyone help me with this?


Hi @ptrwlr,

I tried to apply @AlexanderFillbrunn solution from my previous problem to this

It seems to work somewhat…just looks ugly compared to the example :frowning:

bootstrap.knwf.knwf (49.4 KB)

I really hope the generic Javascript View will get a better support for js-dependencies in the future…


Nice trick to know :+1:

I think it’s not working as expected because the core bootstrap javascript and css aren’t included and it doesn’t seem to be loading the table specific css properly.

Here’s what I’ve been able to get it to show, I think that matches the example?

What I did was add the bootsrap CSS in the first CSS editor, the table bootstrap CSS in the second and use the flow variable to set the CSS in the generic JavaScript view.

Another way of using the library:

bootstrap.knwf.knwf (491.3 KB)


Hi @AnotherFraudUser,

this trick does it. Great.
Many thanks.

Hi @ptrwlr,

great! :slight_smile:
@swebb thank you for your solution as well! :+1:
Will definitely try to apply that for my previous problems.

Hi community,
could it be that the “require trick” does affect the following hack?‘load’, (event) => {
parent.document.querySelector(".knime-panel-header").style.display = “none”;
parent.document.querySelector(".knime-panel-header").style.display = “none”;

It’s not working anymore.

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