wc.widgets.Grid
Le widget de grille est utilisé pour afficher les tables de produits dans différentes pages. Le widget de grille permet de créer facilement une table réactive.
Exemple de résultat

Exemple
<div data-widget-type="wc.Grid" data-widget-options="{'columnCountByWidth': {'0':1,'301':2}}"></div>
Options
- columnCount
- (Entier) Nombre de colonnes dans la grille. La valeur par défaut est 1. Vous n'avez pas à spécifier le champ columnCount si rowCount ou columnCountByWidth est spécifié.
- rowCount
- (Entier) Nombre de lignes dans la grille. Vous n'avez pas à spécifier le champ rowCount si columnCount ou columnCountByWidth est spécifié.
- columnCountByWidth
- Détermine le nombre de colonnes en fonction de la largeur de l'écran pour la création d'une table réactive. Par exemple, si la largeur de l'écran est de 1 000 pixels et que la valeur de columnCountByWidth est
{"300": 2, "500": 3: "800": 4}, le nombre de colonnes est défini sur 4 puisque la largeur de l'écran est supérieure à 800. - elementSelector
- (Chaîne) Éléments de la grille. La valeur par défaut est
"div.grid-element". - useColumnWrapper
- (Booléen) Détermine si des encapsuleurs sont utilisés.
- columnWrapperClass
- (Chaîne) Détermine la classe CSS à ajouter aux éléments div de l'encapsuleur de colonne. La valeur par défaut est
"grid-column-wrapper".