Using editor with quasar(vue.js).

casuist

Link to test case:
Debugger code (debug.datatables.net):
Error messages shown:
Description of problem:
I am using editor with quasar(vue.js).
Most of them work fine.
But edit dialog is the problem.
Using bootstrap theme, error undefined modal.
Using other theme, edit layer appears below table. (add div).
How to solve this problem?

allan

Can you give me a link to a page showing the error with the Bootstrap theme please? Have you loaded the Bootstrap Javascript?

Regarding the default theme, you need to load the default CSS as well (editor.dataTables.css).

Allan

casuist

*** I tried bs4 theme, it is ok!
but bs5 theme error.

editor.bootstrap5.js?10a6:153 Uncaught TypeError: Cannot read properties of undefined (reading 'Modal')

    open: function ( dte, append, callback ) {
        if (! modal) {
            modal = new _bs.Modal(dom.content[0], {
                backdrop: "static",
                keyboard: false
            });
        }

casuist

editor.bootstrap5.js?10a6:153 Uncaught TypeError: Cannot read properties of undefined (reading 'Modal')
at Object.open (editor.bootstrap5.js?10a6:153)
at Editor._nestedOpen (dataTables.editor.js?fb9a:4602)
at Editor.open (dataTables.editor.js?fb9a:2982)
at Object.maybeOpen (dataTables.editor.js?fb9a:3914)
at eval (dataTables.editor.js?fb9a:2191)
at Editor._event (dataTables.editor.js?fb9a:4103)
at Editor.create (dataTables.editor.js?fb9a:2188)
at _Api.action (dataTables.editor.js?fb9a:6633)
at action (dataTables.buttons.js?aa5c:687)
at HTMLButtonElement.eval (dataTables.buttons.js?aa5c:705)

colin

We've not seen that error before. Are you able to link to your page, please, so we can debug?

Colin

casuist

http://q.zizi.best:8088