style html table inside functions.php wordpress

Question

Я создал функцию в файле functions.php, которая извлекает данные из таблицы в нашей базе данных и помещает ее внутри HTML.

Моя проблема заключается в том, что мне нужно стилизовать эту таблицу, ее столбцы и строки, чтобы установить поля, отступы и т.д.

Это то, что я до сих пор:

add_shortcode('persona-table', 'persona_table_shortcode'); 

// this function generates the shortcode output 
function persona_table_shortcode($args) { 
    global $wpdb; 
    // Shortcodes RETURN content, so store in a variable to return 
    $content = '<table class="tabledatos">'; 
     $content .= '<tr><th>Firstname</th><th>Lastname</th><th>Points</th></tr>'; 
     $results = $wpdb->get_results('SELECT * FROM persona'); 
     foreach ($results AS $row) { 
      $content = '<tr>'; 
       // Modify these to match the database structure 
       $content .= '<td class=rowtable>' . $row->ID_per . '</td>'; 
       $content .= '<td class=rowtable>' . $row->nombre . '</td>'; 
       $content .= '<td class=rowtable>' . $row->apellido . '</td>'; 
       $content .= '<td class=rowtable>' . $row->documento . '</td>'; 
       $content .= '<td class=rowtable>' . $row->tel. '</td>'; 
      $content .= '<tr>'; 
     } 
    $content .= '</table>'; 
    // return the table 
    return $content; 
} 

As вы можете видеть на каждом <td>. Я добавил класс под названием: rowtable, но когда я обновляю страницу, таблица не принимает определение стиля в этом классе. Кроме того, я пытался использовать кавычки, как вы можете видеть в классе tabledatos для всей таблицы, тем не менее это не работает.

Как добавить классы в этот код, чтобы я мог их настроить в файле style.css?

Благодаря передовой

Answer 1

я не приду с полным ответом на ваш вопрос (к сожалению), и я не то, что хорошо с PHP, но, возможно, я могу помочь вам найти этот ответ.

Прежде всего, вы проверили (используя инструменты вашего браузера), если файл CSS был включен на вашу страницу, и если ваша таблица имеет класс? Если вы этого не сделали, вы должны проверить это сейчас. Если в таблице нет этого класса, попробуйте добавить его вручную (с помощью инструментов браузера) и посмотреть, обновлена ​​ли таблица.

Если этот первый шаг не сработал, есть еще один способ добавить класс к вашему объекту. Вы можете добавить класс к объекту с JavaScript помощи функции члена .addClass("tabledatos");

Надеется, что вы найдете что-то интересное на моем комментарии

Answer 2

Прежде всего HTML атрибутов с содержанием всегда требуют кавычек, чтобы ваши строки должны выглядеть например: $content .= '<td class="rowtable">' . $row->ID_per . '</td>';

Чем вы должны убедиться, что ваша таблица стилей загружена, как предполагалось, и проверьте инструменты dev вашего браузера, если класс добавлен в td.

А вот $content = '<tr>'; переназначить переменную, что означает, что ваше предыдущее содержимое сбрасываться и что для каждого элемента в вашем Еогеасп