Add custom data-attribute to th, td

Hi, I found the hook to apply attribute to th/td

add_filter( 'tablepress_cell_tag_attributes', function ($tag_attributes, $table_id, $cell_content, $row_idx, $col_idx, $colspan_row, $rowspan_col) {

	$attribute_value = 'foo-value';

	return [ 'data-foo' => $attribute_value ];

}, 10, 7 );

But how can I get the value of the header cell(s) in header row?

Thanks

• This reply was modified 2 years, 4 months ago by datverse.

Hi,

thanks for your post, and sorry for the trouble.

Unfortunately, that information is not available directly inside that filter hook, so that your best chance probably is to save it to some temporary variable from inside the tablepress_table_render_data filter hook, which does get full table data. Then, in your current filter hook handler, use the $col_idx variable to get the header value for that column.

Regards,
Tobias

Hi,
Thanks for your reply.

Can you help me complete the code?

Love.

Hi, how can I get some variable array value in $table[‘data’] in ‘tablepress_cell_tag_attributes’ filter?

Thanks

Hi,

sorry, developing the full code is beyond what I can help with at the moment, due to time and resource constraints.

To get that array into the filter, you would have to assign it to an outside (global or maybe a class property) variable from within that tablepress_table_render_data filter hook.

Regards,
Tobias

Hi,
Got it!

Thanks so much, love!

The full code:

add_filter( 'tablepress_table_render_data', function ( $table, $orig_table, $render_options ) {

	global $table_header;

	foreach ( $table['data'][0] as $col_idx => $cell_value ) {
		$table_header[ $col_idx ] = $cell_value;
	}

	return $table;

}, 10, 3 );

add_filter( 'tablepress_cell_tag_attributes', function ( $tag_attributes, $table_id, $cell_content, $row_idx, $col_idx, $colspan_row, $rowspan_col ) {

	global $table_header;

	if ( $row_idx === 1 ) {
		return $tag_attributes;
	}

	$attribute_value = $table_header[ $col_idx - 1 ];

	return [ 'data-label' => $attribute_value ];

}, 10, 7 );

• This reply was modified 2 years, 4 months ago by datverse.

Hi,
The full code should be:

add_filter( 'tablepress_table_render_data', function ( $table, $orig_table, $render_options ) {

	global $table_header;

	foreach ( $table['data'][0] as $col_idx => $cell_value ) {
		$table_header[ $col_idx ] = $cell_value;
	}

	return $table;

}, 10, 3 );

add_filter( 'tablepress_cell_tag_attributes', function ( $tag_attributes, $table_id, $cell_content, $row_idx, $col_idx, $colspan_row, $rowspan_col ) {

	global $table_header;

	if ( $row_idx === 1 ) {
		return $tag_attributes;
	}

	$attribute_value = $table_header[ $col_idx - 1 ];

	$tag_attributes += [ 'data-label' => $attribute_value ];

	return $tag_attributes;

}, 10, 7 );

Thanks ??

Hi,

good to see that you found a solution! You could maybe add two optimizations, to make the array handling faster and more robust:

add_filter( 'tablepress_table_render_data', function ( $table, $orig_table, $render_options ) {
	global $table_header;
	$table_header = $table['data'][0];
	return $table;
}, 10, 3 );

add_filter( 'tablepress_cell_tag_attributes', function ( $tag_attributes, $table_id, $cell_content, $row_idx, $col_idx, $colspan_row, $rowspan_col ) {
	global $table_header;

	if ( $row_idx === 1 ) {
		return $tag_attributes;
	}

	$attribute_value = $table_header[ $col_idx - 1 ];
	$tag_attributes['data-label'] = $attribute_value;

	return $tag_attributes;
}, 10, 7 );

Best wishes,
Tobias

Awesome!

Thanks ??????

• This reply was modified 2 years, 4 months ago by datverse.

Awesome!

Thanks ??

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!