v7.3.0

Stripe
Feature

Stripes rows by adding alternating CSS classes to all row elements (b-even and b-odd). This improves visual readability in data-heavy grids by giving adjacent rows different background colors. Style the striped rows using the .b-even and .b-odd CSS classes.

This feature is disabled by default.

const grid = new Grid({
  features: {
    stripe: true
  }
});

No results

Properties

Properties are getters/setters or publicly accessible variables on this class
  • isStripe : Booleantrue
    READONLY
    static
    ADVANCED
    Identifies an object as an instance of Stripe class, or subclass thereof.
  • isStripe : Booleantrue
    READONLY
    ADVANCED
    Identifies an object as an instance of Stripe class, or subclass thereof.

Functions

Functions are methods available for calling on the class

    CSS variables

    CSS variables that can be set to adjust appearance
    Name Description
    --b-stripe-border-width Border width for the stripe rows, mainly intended to be used by high contrast themes
    --b-stripe-even-color Background for even rows when striped
    --b-stripe-odd-color Background for odd rows when striped
    id: stripe

    Source path

    Grid/feature/Stripe.js

    Demo

    examples/columns

    Contents