Search icon

January 17, 2025

Title and Text with Tables

';
echo '

';
if (!empty($table['caption'])) {
echo '

';
}
if (!empty($table['header'])) {
echo '

';
echo '

';
foreach ($table['header'] as $th) {
echo '

';
}
echo '

';
echo '

';
}
echo '

';
foreach ($table['body'] as $tr) {
echo '

';
$a = 0;
foreach ($tr as $td) {
$a++;
if($a == 1)
echo '

';
else
echo '

';
}
echo '

';
}
echo '

';
echo '

' . $table['caption'] . '
' . $th['c'] . '
' . $td['c'] . ' ' . $td['c'] . '

';
echo '

';
// Mobile Collapsible Table
echo '

'; // Hide on desktop
if(count($table['body'][0]) > 2) {
$rowIndex = 0;
foreach ($table['body'] as $tr) {
$firstColumn = $tr[0]['c']; // Get the first column as the collapse button text
$collapseId = 'collapseRow' . $rowIndex;
echo '

';
echo '

';
echo '

';
echo '';
echo '

';
echo '

';
echo '

';
echo '

';

// Output remaining columns as key-value pairs
$colIndex = 0;
foreach ($table['header'] as $th) {
if ($colIndex > 0) { // Skip first column (Term)
echo '

';
echo '

';
echo '

';
echo '

';
}
$colIndex++;
}
echo '

' . $th['c'] . ' ' . $tr[$colIndex]['c'] . '

';
echo '

';
echo '

';
echo '

';
echo '

';
$rowIndex++;
}
echo '

'.$table['caption'].'

';
echo '

'; // End mobile section
}
else {
if (!empty($table['header'])) {
foreach ($table['header'] as $colIndex => $th) {
echo '

';
echo '

' . esc_html($th['c']) . '

';
$a = 0;
foreach ($table['body'] as $row) {
$a++;
if($a % 2 == 0)
echo '

';
else
echo '

';
if (isset($row[$colIndex])) {
$nextColIndex = $colIndex + 1;
echo '

' . esc_html($row[$colIndex]['c']) . '

'; // Current column
echo '

' . (isset($row[$nextColIndex]) ? esc_html($row[$nextColIndex]['c']) : '') . '

';
}
echo '

';
}
echo '

';
}
}
echo '

';
}
}
?>

Previous Post
Next Post

Categories

You May Also Be Interested In