Создание одной строки с colspan первой строки на странице параметров Wordpress

Question

На моей странице настроек WordPress для создания полей я использую Fluent Framework .Это похоже на Meta Box .Таким образом, оба они используют функцию do_settings_fields, и функция генерирует код следующим образом:

<table class="form-table">
<tr>
    <th scope="row">Header 1</th>
    <td>Element 1</td>
</tr>
<tr>
    <th scope="row">Header 2</th>
    <td>Element 2</td>
</tr>
<tr>
    <th scope="row">Header 3</th>
    <td>Element 3</td>
</tr>
<tr>
    <th scope="row">Header 4</th>
    <td>Element 4</td>
</tr>
</table>

Это выглядит так:

В этой таблицеЯ хочу использовать первую строку как одну строку, например:

Я создал файл javascript в каталоге fields / custom_html и скрыл область видимости с помощью jQuery.и поставьте в очередь файл javascript следующим образом:

jQuery(document).ready(function()
{
    jQuery('th[scope="row"]').first().hide();
});

Но это не полностью решает мою проблему.Потому что я не против, если я использую только одну строку, но это очень проблематично для многорядных.Возможно, мне нужно закрыть тег table и снова открыть новый тег table, но я не смог сделать это из-за своих ограниченных знаний jQuery.

Answer 1

Объединяя два столбца, вы должны использовать атрибуты "colspan", которые могут быть полезны. Здесь я делюсь кодом для jquery.

$(document).ready(function(){
  var $table_head = jQuery('tr').first();
  var value = $table_head.text();
  $table_head.html('<th colspan="2">'+value+'</th>');
});