X

Shortcode Tables with Multiple Rows and Columns (Tables à code court avec plusieurs lignes et colonnes)

Snippets by IsItWP

Vous cherchez un moyen de créer rapidement un simple tableau de données ? Bien qu’il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour activer les tableaux de shortcodes avec plusieurs lignes et colonnes dans WordPress.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site:

function simple_table( $atts ) {
    extract( shortcode_atts( array(
        'cols' => 'none',
        'data' => 'none',
    ), $atts ) );
    $cols = explode(',',$cols);
    $data = explode(',',$data);
    $total = count($cols);
    $output .= '<table><tr class="th">';
    foreach($cols as $col):
        $output .= '<td>'.$col.'</td>';
    endforeach;
    $output .= '</tr><tr>';
    $counter = 1;
    foreach($data as $datum):
        $output .= '<td>'.$datum.'</td>';
        if($counter%$total==0):
            $output .= '</tr>';
        endif;
        $counter++;
    endforeach;
        $output .= '</table>';
    return $output;
}
add_shortcode( 'table', 'simple_table' );
[table cols="names,values" data="name1,25,name2,409"]

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la façon d’ajouter correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 19 meilleurs plugins WordPress pour les photographes et comment créer facilement une enquête sur WordPress.

Commentaires   laisser une réponse

  1. Hi guys,

    This is a great snippet to easily create simple tables. I know the article is a little dated but I see Alex comment is 4 months old so my comment could be still useful to somene..

    The Snippet should be slightly modified declaring $output = ”; just before
    extract( shortcode_atts( array(
    Full shortcode function below.


    function simple_table( $atts ) {
    $output = '';
    extract( shortcode_atts( array(
    'cols' => 'none',
    'data' => 'none',
    ), $atts ) );
    $cols = explode(',',$cols);
    $data = explode(',',$data);
    $total = count($cols);
    $output .= '';
    foreach($cols as $col):
    $output .= ''.$col.'';
    endforeach;
    $output .= '';
    $counter = 1;
    foreach($data as $datum):
    $output .= ''.$datum.'';
    if($counter%$total==0):
    $output .= '';
    endif;
    $counter++;
    endforeach;
    $output .= '';
    return $output;
    }
    add_shortcode( 'table', 'simple_table' );

  2. Hi guys,

    when I add the code to my functions.php the parameters of [table cols="names,values" data="name1,25,name2,409"] do not get passed and it outputs none, none. You know why that is?

    Thanks

  3. Wordpress Table Shortcode Builder › Jean Egan juin 30, 2012 à 1:38 am

    […] because I found this post by Kevin Chard. However, I encountered results that weren’t quite […]

  4. Hie Kevin,
    Thanks for tis code.
    I have a problem, when inserting shortcode in post, it display variables ($x) and not value of variables.
    Thanks for help and sory for my bad english.
    Anne
     

    1. Change {$col} to ‘. $col . ‘ same for $datum

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !