I want to have a DataTable that displays a few columns, then shows data for other unseen columns underneath (by clicking a plus sign at the start of the row). However, I have only been able to see the "+" sign when the window width is small enough to force columns already shown in the table to be moved off.
There is a fiddle that contains a sample of the problem I'm having: https://jsfiddle.net/ryanoc/ebRXw/
class="none" to the
th seems to do what you need:
<thead> <tr> <th>Name</th> <th>Position</th> <th class="none">Office</th> <th>Age</th> <th class="none">Start date</th> <th>Salary</th> </tr> </thead>
I've also added the
display responsive nowrap classes to the table:
<table id="example" class="display responsive nowrap" cellspacing="0" width="100%">
Working example here based on your data, I've removed the CSS...