Row details does not appear

Row details does not appear

sudogosudogo Posts: 4Questions: 2Answers: 0

Hello

I try to apply the demo from this link https://datatables.net/extensions/responsive/examples/child-rows/custom-renderer.html

But the row details does not appear and here is a test

https://codepen.io/go-sudo/pen/Popaogz

Regards

Answers

  • kthorngrenkthorngren Posts: 21,443Questions: 26Answers: 4,974

    Have you tried shrinking the web page to cause responsive to kick in? Here is your test case with a reduced page:

    Kevin

  • sudogosudogo Posts: 4Questions: 2Answers: 0

    Hello @kthorngren

    but on the Example the row is here without shrinking the page

    Regards

  • kthorngrenkthorngren Posts: 21,443Questions: 26Answers: 4,974
    edited June 2021

    Thats because the container it is in is smaller than the width of all the columns. Place your table in a div that is set to a specific max size, for example:

    <div class="container" style="max-width:900px">
    <table>....</table>
    </div>
    

    You will see there are hidden columns with the responsive plus sign. It is possible to force certain columns to always be responsive, like this example. IS this what you are looking for?

    Kevin

Sign In or Register to comment.