To automatically, wrap each table code inside a div we need to enter the following code inside functions.php file.
It can be useful for many purposes. For exmaple we can make a table responsive width by putting a table tag inside a dive and then assigning the following css to div;
overflow-x: auto !important;
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
// Add a filter to wrap tables with a custom div function wrap_tables_with_div($content) { // Check if the content contains a table tag if (strpos($content, '<table') !== false && strpos($content, '</table>') !== false) { // Wrap each table with the custom div $content = preg_replace_callback('/<table(.*?)<\/table>/is', function($matches) { return '<div class="t4table"><table' . $matches[1] . '</table></div>'; }, $content); } return $content; } // Add the filter to the_content add_filter('the_content', 'wrap_tables_with_div'); |