<zg-batch-edit>
The <zg-batch-edit>
tag is a web component that is used to outline editable cells in batch edit mode and used as a CSS target for styling by the developer. The <zg-batch-edit>
web component should not be accessed specifically beyond styling.
Related Web Components
Usage
The <zg-batch-edit>
element is a generated element added to <zg-control-bar>
when the batch-edit
attribute is defined.
<zing-grid batch-edit src="https://cdn.zinggrid.com/datasets/user-roles.json"> </zing-grid>
Attributes
There are no attributes available for the <zg-batch-edit>
web component.
CSS Variables
<zg-batch-edit>
can be styled with CSS variables, like so:
:root { --zing-grid-batch-edit-style-border: 1px solid red; }
Below is a list of all the associated <zg-batch-edit
> CSS variables. Check out the full list of CSS variables or our Styling Basics guide to learn more about styling the grid.
Name | Default | Description | Demo | CSS Ref |
---|
CSS Selector
<zg-batch-edit>
can be styled by common CSS selectors, like so:
zg-batch-edit { border: 1px solid red; box-shadow: inset 0 0 6px red; }
Slots
There are no slots available for the <zg-batch-edit>
web component.
[api: <zg-batch-edit>]