Table block - Wrap table

时间：2021-09-09 作者：Fabien

我正在使用古腾堡创建表格。古腾堡表的前端结构如下：

<figure class="wp-block-table">
   <table>
      ...
   </table>
</figure>
我想给我的桌子添加阴影，但由于overflow-x : auto 在父元素上figure.

一种修复方法是像这样包装表：

<figure class="wp-block-table">
   <div class="table-wrapper">
      <table>
         ...
      </table>
   </div>
</figure>
有没有一种方法可以轻松地包装table ? 我看到了一种包裹整个古腾堡积木的方法（使用render_block 过滤器），但不仅仅是子元素。

1 个回复
SO网友:Phil

您可以搜索<table> 字符串并将其替换为包装器元素：

function pb_table_render_block($block_content, $block) {
    if ($block[\'blockName\'] == \'core/table\') {
        $block_content = str_replace(\'<table\', \'<div class="table-wrapper"><table\', $block_content);
        $block_content = str_replace(\'</table>\', \'</table></div>\', $block_content);
    }

    return $block_content;
}
add_filter(\'render_block\', \'pb_table_render_block\', 10, 2);

标签： block-editor   table   小码农  

相关推荐

如何让WordPress在BULK_DELETE后刷新wp_list_table

我有一个正在运行的wp\\U list\\U表，即-我可以向表中添加记录、删除单个记录、编辑单个记录和删除批量记录。只有一个问题。批量删除后，删除的记录仍显示在列表中。当我刷新页面时，它们就消失了。令人困惑的是，记录的计数是正确的。任何帮助都将不胜感激。这是我的process\\u bulk\\u action函数。谢谢 public function process_bulk_action() { global $wpdb; $table = $wpdb->p