Changing multiple "rows" from to

Hi Joseph,

thanks for your post, and sorry for the trouble.

No, sorry, something like that is not possible, as HTML tables can only have one header at the top of the table.

Instead of having to write all this code manually, you could however take a look at the TablePress Row Highlighting Extension, which is described at https://www.ads-software.com/support/topic/highlight-a-row-based-on-value?replies=16
Instead of filtering for “YES” as in that example, you could add a new (hidden) column to the table, where you add some keyword like “HEADER”. Then, you would use that for the highlighting and those rows would get a CSS class that you can target more easily in the “Custom CSS”.

For that Reponsiveness problem: The layout shows what it’s expected to show. If it’s not really what you want, you could maybe take a look at horizontal scrolling only (without the flipping), as shown in https://www.ads-software.com/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

Regards,
Tobias

Hello again.

Done this:
********************************************************

• installed premium plugin
• modified short code
• added CSS

[table id=nys row_highlight=”header” /]

.tablepress-id-nys .row-highlight-header td {
background-color: #333 !important;
}
*******************************************************

and cannot get it to work.
https://123corporatetransportation.com/destinations/ny-car-service-to-jfk-lga-ewr-swf-airport-pickup-suv-van-bus-limo/

Hi,

ok, that’s good. Now you will just have to add the relevant data for the filtering, i.e. an extra column in the table (probably a new first column would be best) that you hide via the “Selected columns: Hide” button, and where you type the word “header” into the cell for those rows that you want to have appear as headers.

Regards,
Tobias

hello again.

Yes, I did that (add/hide column) by adding a new column (when you add a column, if defaults to the last position). After your last reply, I tried to drag the column to the 1st position and I could not, therefore I deleted it and “inserted” a column in the 1st position and added the “header” text to desired rows.
Well…. I have bad and good news. The bad news is that if I hide the column, it doesn’t work. The good news is that if the column is shown, it works as intended (so, I am back to square one).

Could you add a function or develop a plugin to “select a row” and assign a class/id or change it from <td> to <th> even if it means losing the sorting feature?? It could be premium feature that I would be willing to contribute with a donation to get it going.

Hi,

ah, my bad, I forget to ask you to make a change in the Row Highlighting Extension’s PHP code. Please, in the file /tablepress-row-highlighting/tablepress-row-highlighting.php, change line 56 from

add_filter( 'tablepress_table_render_data', array( __CLASS__, 'process_parameters' ), 10, 3 );

to

add_filter( 'tablepress_table_evaluate_data', array( __CLASS__, 'process_parameters' ), 10, 3 );

It will then also not matter if you insert that extra column as the first or last column, and the highlighting should work with the hidden column as well.

Regards,
Tobias

hi!!

Sorry Tobias, but it didn’t work (it only works if “shown”. See bottom of table)
https://123corporatetransportation.com/destinations/ny-car-service-to-jfk-lga-ewr-swf-airport-pickup-suv-van-bus-limo/
******************************************************************************
public static function init() {
add_filter( ‘tablepress_shortcode_table_default_shortcode_atts’, array( __CLASS__, ‘shortcode_attributes’ ) );
add_filter( ‘tablepress_table_evaluate_data’, array( __CLASS__, ‘process_parameters’ ), 10, 3 );
}
*****************************************************************************

Hi,

ok, that’s strange, but I haven’t looked at the code for while.

Regardless, we can then simply use a different way of hiding the table, namely via CSS.
So, for example, try adding this to the “Custom CSS” textarea on the “Plugin Options” screen:

.tablepress-id-nys .column-1 {
  display: none;
}

Regards,
Tobias

Awesome… This fixes the the and resolves the thread.
I will start a responsive table thread and see if I can get it going (I am thinking using just the “phone” since I have to change the layout. I hope there is a way to use a different table or use CSS get the desired output).

Thanks for your prompt replies.

Note: I am making a donation (Last time I checked, your Amazon wish list link is broken)

Joseph

Hi Joseph,

great, good to hear that this helped! ??

Yes, the “phone” setting for the Responsive Tables Extension should work here. Otherwise, you could also try horizontal scrolling, via https://www.ads-software.com/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

And thanks for the donation, I really appreciate that!
Also thanks for the hint about the wish list links! I moved to a different server last week and apparently forgot to set up some redirects… Should be fixed now ?? Thanks!

Best wishes,
Tobias

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