New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more

Buy

Metronic Mega Theme

SaaSify Next.js Landing

Metronic ASP.NET

Shoplit Next.js Boilerplate

Browse Products

Bootstrap Templates React Templates Boilerplates Vectors Freebies

Dropdown issue on datatable

Inside datatable pagination dropdown menu not working properly.

Guest 3 years ago

Bootstrap 5

1 Answers

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Replies (1)

Sean Author3 years ago

Hi,

If the dropdown is dynamically added during the pagination you should dynamically initialize as new dropdowns get populated within datatable draw event as discussed here

For more info please check the Metronic core components initialization API here

Regards.

Regards.

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic I have a Custom Project Refunds

Stay Connected With Us

The More We Learn, The More We Are Able To Innovate & To Develop

How about

a Custom Project ?

Since 2012, we have helped startups, blue chip companies and government agencies and successfully delivered over 120 custom projects.

Hire Experts

Secured payment by Paddle with