Stripe
Stripes rows by adding alternating CSS classes to all row elements (b-even and b-odd).
This feature is disabled by default.
let grid = new Grid({
features: {
stripe: true
}
});
Stripe
//<code-header>
fiddle.title = 'Stripe';
//</code-header>
const grid = new Grid({
appendTo : targetElement,
// makes grid as high as it needs to be to fit rows
autoHeight : true,
features : {
// enable striping
stripe : true
},
data : DataGenerator.generateData(5),
columns : [
{ field : 'name', text : 'Name', flex : 1 },
{ field : 'team', text : 'Team', flex : 1 },
{ type : 'number', field : 'rank', text : 'Rank', flex : 1 }
]
});Configs
9
Configs
9Misc
bubbleEventsEvents
callOnFunctionsEvents
clientInstancePlugin
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
Other
Properties
15
Properties
15Common
disabledInstancePlugin
Class hierarchy
Identifies an object as an instance of Stripe class, or subclass thereof.
Identifies an object as an instance of Stripe class, or subclass thereof.
isEventsEvents
isInstancePluginInstancePlugin
isLocalizableLocalizable
Other
Functions
28
Functions
28Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
doDisableInstancePlugin
downloadTestCaseBase
resolveCallbackBase
updateLocalizationLocalizable
Other
addListenerEvents
hasListenerEvents
onEvents
relayAllEvents
removeAllListenersEvents
removeListenerEvents
resumeEventsEvents
suspendEventsEvents
triggerEvents
unEvents
Events
5
Events
5Event handlers
5
Event handlers
5Typedefs
1
Typedefs
1BryntumListenerConfigEvents
CSS variables
3
CSS variables
3| Name | Description |
|---|---|
--b-stripe-odd-color | Background for odd rows when striped |
--b-stripe-even-color | Background for even rows when striped |
--b-stripe-border-width | Border width for the stripe rows, mainly intended to be used by high contrast themes |