fzaman
fzaman

Reputation: 21

Data Table Modal details display

I have taken this example from the internet, but when I try to use it, the modal doesn't pop up. It does however, work in jsfiddle just fine.

I have looked around and found out that the "Collapsed" class is not being applied to the table, which is why it is not working.

Why does it not apply the class to the table?

Upvotes: 0

Views: 414

Answers (1)

Abdoulie Kassama
Abdoulie Kassama

Reputation: 792

As @William-H-M already said in the comments, it is working fine and has to do with the width of the screen. You just need to control your screen width to make it work. Place the table in a div and set the max width to 1000px.

<div style="max-width: 1000px;">
  <table id="example" class="display nowrap dataTable no-footer dtr-inline" cellspacing="0" width="100%" role="grid" aria-describedby="example_info" style="width: 100%;">
    <!-- table content -->
  </table>
<div>

Upvotes: 1

Related Questions