mariesmc

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

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

Thanks Tobias! I’ll do some research into your suggestion.

Thanks Tobias, I would enter this CSS in the Plugin Options section? Or directly to the row details css file itself?

Thanks for the quick response, how much would you charge for this customization?

Fantastic, thank you so much for the help. Great plugin and support as always.

Tobias

This worked great! Thanks!

Marie

Thanks Tobias

Here is the table: https://bit.ly/2fv8SLB

password is tobias

This is what I am trying to accomplish

1. hidden, but searchable columns using:

.tablepress-id-tobias .column-9,
.tablepress-id-tobias .column-10,
.tablepress-id-tobias .column-16,
.tablepress-id-tobias .column-17,
.tablepress-id-tobias .column-20,
.tablepress-id-tobias .column-23 {
display: none;
}

2. row details, table shortcode is:

[table id=tobias responsive=scroll datatables_row_details=true datatables_row_details_columns=”C,D,G,O,R,S,U,V” /]

3. custom dates with a hidden sorting column, for example column 1 has ??-Jul-1978, column 2 has 7/1/1978

`”columnDefs”: [ { “visible”: false, “targets”: [ 8,19 ] }, { “orderData”: [ 8], “targets”: [ 7] }, { “orderData”: [ 19 ], “targets”: [18] }]

Can all of this be combined to a Custom Definition?

Thanks Tobias, I was really over thinking it! Using this method can you search for words within the hidden columns?

Thank you so much, I searched through the support forum but couldn’t find the right code!!

Hi Tobias

Can you take a look at this page https://www.cetabase.org/2016/08/21/responsive-with-column-def-custom-command/

The Custom Command works well to designate the columns to collapse, but the table is too wide when I minimize my browser (see the example)

I read through the threads you supplied and this does help with designating the rows to expand, but the table overlaps the post container when the browser is minimized.

Any ideas how to help with this? Would CSS be able to keep the table width within the post itself?

Tobias,

This is probably a better use of the plugin/coding, using custom command

columnDefs: [ { targets: [ 2,4 ], visible: false, className: 'none' } ]

I get: https://www.cetabase.org/2016/08/21/responsive-with-column-def-custom-command/

But again, running into issues with the table being responsive.

Thanks in advance for your help!
Marie

Tobias

That worked, thanks so much for the quick response and troubleshooting.

I’ll be rating the plugin and giving you a donation at the end of the month!

Thanks again
Marie

Tobias

Thanks for the reply

You can see the table here, password is demo:
https://www.cetabase.org/captive/cetacean/timeline.php

[table id=1 responsive=collapse row_highlight=”Death” datatables_columnfilter=true /]

The first tab (2016) displays the table with column filter enabled and the table displaying at 100%

—

[table id=2 responsive=collapse row_highlight=”Death” /]

The second tab (2015-2010) displays a normal responsive table – no column filter initiated