block_name . '/block.json', array( 'render_callback' => array( $this, 'render_css' ), ) ); } /** * Builds CSS for block. * * @param array $attributes the blocks attributes. * @param Kadence_Blocks_CSS $css the css class for blocks. * @param string $unique_id the blocks attr ID. * @param string $unique_style_id the blocks alternate ID for queries. */ public function build_css( $attributes, $css, $unique_id, $unique_style_id ) { $css->set_style_id( 'kb-' . $this->block_name . $unique_style_id ); $css->set_selector( '.kb-table-container tr td.kb-table-data' . $unique_id . ', .kb-table-container tr th.kb-table-data' . $unique_id ); $css->render_measure_output( $attributes, 'padding', 'padding' ); return $css->css_output(); } /** * Return dynamically generated HTML for block * * @param $attributes * @param $unique_id * @param $content * @param WP_Block $block_instance The instance of the WP_Block class that represents the block being rendered. * * @return mixed */ public function build_html( $attributes, $unique_id, $content, $block_instance ) { $tag = $this->is_this_block_header( $attributes, $block_instance->context ) ? 'th' : 'td'; return sprintf( '<%s class="kb-table-data kb-table-data%2$s">%3$s', $tag, esc_attr( $unique_id ), $content, $tag ); } private function is_this_block_header( $attributes, $context ) { $isFirstRowHeader = ! empty( $context['kadence/table/isFirstRowHeader'] ); $isFirstColumnHeader = ! empty( $context['kadence/table/isFirstColumnHeader'] ); $column = $attributes['column'] ?? -1; $row = $context['kadence/table/parentRow'] ?? -1; return ( $column === 0 && $isFirstColumnHeader ) || ( $row === 0 && $isFirstRowHeader ); } } Kadence_Blocks_Table_Data_Block::get_instance();