style eine HTML-Tabelle in functions.php wordpress

Question

Ich habe eine Funktion erstellt auf functions.php Datei, die Daten aus einer Tabelle in unserer Datenbank abruft und legt sie in einem HTML.

Mein Problem ist, dass ich diese Tabelle, um Stil, seine Spalten und Zeilen, um die Ränder, Polsterung einzustellen usw.

Das ist, was ich bisher habe:

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; 
} 

Wie Sie können auf jeder <td> Ich habe eine Klasse namens: rowtable hinzugefügt, aber wenn ich die Seite aktualisieren, nimmt die Tabelle nicht den Stil für diese Klasse definieren. Außerdem habe ich versucht, Zitate zu verwenden, wie Sie auf der Klasse tabledatos für die gesamte Tabelle sehen können, aber das funktioniert nicht.

Wie kann ich Klassen zu diesem Code hinzufügen, damit ich sie auf der style.css Datei anpassen kann?

Vielen Dank im fortgeschrittenen

Answer 1

Ich komme nicht mit der vollen Antwort auf Ihre Frage (leider), und ich bin nicht so gut mit PHP, aber vielleicht kann ich Ihnen helfen, diese Antwort zu finden.

Als Erstes haben Sie (mit den Tools Ihres Browsers) überprüft, ob die Datei CSS auf Ihrer Seite enthalten war und ob Ihre Tabelle die Klasse hat? Wenn Sie nicht haben, sollten Sie es jetzt überprüfen. Wenn die Tabelle diese Klasse nicht enthält, versuchen Sie, sie manuell hinzuzufügen (mit den Tools des Browsers), und prüfen Sie, ob die Tabelle aktualisiert wurde.

Wenn dieser erste Schritt nicht funktioniert hat, gibt es eine andere Möglichkeit, Ihrem Objekt Klasse hinzuzufügen. Sie könnten eine Klasse zu Ihrem Objekt mit JavaScript mit der Funktion Mitglied hinzufügen .addClass("tabledatos");

Hoffen, dass Sie etwas Interessantes in meinem Kommentar

Answer 2

allererste HTML-Attribute mit Inhalten erfordern immer Zitate finden, damit Ihre Zeilen etwas aussehen sollen wie folgt: $content .= '<td class="rowtable">' . $row->ID_per . '</td>';

Dann sollten Sie überprüfen, ob Ihr Stylesheet wie erwartet geladen ist und die Dev-Tools Ihres Browsers überprüfen, wenn die Klasse td hinzugefügt wird.

Und hier $content = '<tr>'; Sie Ihre Variable neu zuweisen, das bedeutet, dass Ihre vorherigen Inhalt gespült bekommen und dass für jedes Element in Ihrem foreach