Why won't my in-row dropdown buttons open?
Why won't my in-row dropdown buttons open?
thegamechangerpro
Posts: 81Questions: 30Answers: 1
I have done a days worth of investigating and can't find where my issue may be.
Overflow?
Fiddle below -
Action column is my test case.
This question has an accepted answers - jump to answer
Answers
If you have a look at the console error log it says:
That appears to be coming from:
Removing that is one less issue (to fix properly you'd has a selector that excludes that column), but doesn't allow your dropdown to show.
Given that you are using Editor anyway, why not use a Select input like in this example? It would be Bootstrap styled.
Allan
Thanks so much for the speedy reply!
Whoops that is a hold-over forgot to remove before sending the fiddle.
Removing doesn't solve the problem though.
Before I dig too much into it, did you consider using a
select
like in the example I linked to?Allan
Thanks for the help.
I am not ACTUALLY using editor... right? I'm kind of new here. Though I did pay for editor (to support you guys), I'm pretty sure I am just using inline editing in datatTables. I'm not hosting the editor libraries anyway, nor am I writing any php. That's the only way to use those features, right?
I am game for using a select field instead, but when attempting implementing a select earlier, I couldn't figure out to fire an event off open change (to get the change back to my database).
I have another problem that i think is correlated. I am using those calendar buttons instead of a datepicker because I could not get a datepicker to work. Is this because I am not using editor?
I made some great headway the last two days, though I would love to know why I can't get the dropdown button to work. I was able to get a select list implemented, but I would much prefer the button.
I copied your dropdown menu button code outside of the table here:
https://jsfiddle.net/608bcavm/
You will see the button above the Datatbles buttons. Its still not working. First step is to get it working outside the table. I found this SO thread that may help. Looks like you need to include bootstrap.js.
Kevin
I found that same thread yesterday and tried all of the suggestions, but I just started from the top and found this!
script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"
That did it!!!!!!!!! Thank so much!!!!!!
Fantastic - good to hear you got it working. Thanks for the update.
Allan