Move expand/collapse button to different column

Hi,

thanks for your post, and sorry for the trouble.

Unfortunately, I’ll have to disappoint you here. From everything I know about the external Responsive JavaScript library that is used here, it will always display these +/- buttons in the first column, sorry.

Regards,
Tobias

Tobias,

Thanks, for clarity, this was the option I was referencing
https://datatables.net/extensions/responsive/examples/child-rows/right-column.html

Alternatively, could you dedicate an empty column/empty cells to the control, such as here?
https://datatables.net/extensions/responsive/examples/child-rows/column-control.html

Hi,

ah, cool. I hadn’t seen these options, yet. Nice!

To use that, please
1. add a new (empty) last column to your table,
2. add this to the “Custom Commands” text field on the “Edit” screen of the table:

"responsive": { "details": { "type": "column", "target": -1 } }, "columnDefs": [ { "className": "control", "orderable": false, "targets": -1 } ]

Regards,
Tobias

Oh great! Glad this worked, I just wasn’t sure how to implement it in the Custom Commands, thanks for the direction here ??

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!