Tabulator 5.3 - List shows but can't click | can navigate with arrow and enter, but shows value instead on label once selected

Question

I believe that's the first time I'm posting here, please bear with me if I don't respect the standards.

I am trying to use tabulator (for the first time) in a jQuery modal based on an HTML table. All of this work is part of a user script via TamperMonkey. I'm also using Bootstrap and some other frameworks. For now, everything is working fine, unless the list editor. I am able to show the options I entered in the "values" parameter, but once I render it, I can't select the option by clicking on it. However, I was able to select them by navigating with the keyboard and pressing enter. Then the selection shows in the table the value but not the label (second issue for me).

I've tried the same code than the example:

{title:"Example", field:"example", editor:"list", editorParams:{
values:{
        "steve":"Steve Boberson",
        "bob":"Bob Jimmerson",
        "jim":"Jim Stevenson",
    }
}}

Here are the CDN I'm using:

For JS

For CSS

My table is very simple, I believe:

 var tableau = new Tabulator("#example-table", {
            layout: "fitColumns",
            columns: [...]
});

I've recorded my screen with my own values (but the result is the same with the demo values). In the beginning I'm trying to click nothing happens. Then I navigate with my keyboard and press enter. The selection is made but it's showing the value instead of the label (which would be better for my use). Please see recorded GIF here

Hope I gave enough background and information.

I believe I've read we can not say "thx", so I won't, but I'm feeling like it

Tabulator 5.3 - List shows but can't click | can navigate with arrow and enter, but shows value instead on label once selected

0 Answers