Skip to content

Commit 286b6be

Browse files
authored
Patch the QuickGrid row style example
1 parent dcfdee7 commit 286b6be

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

aspnetcore/blazor/components/quickgrid.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -183,9 +183,9 @@ Alternatively, use the following CSS styling approach:
183183

184184
For more information on using `::deep` [pseudo-elements](https://developer.mozilla.org/docs/Web/CSS/Pseudo-elements) with CSS isolation, see <xref:blazor/components/css-isolation#child-component-support>.
185185

186-
## Custom attributes and styles
186+
## Custom attributes and s
187187

188-
QuickGrid also supports passing custom attributes and style classes (<xref:Microsoft.AspNetCore.Components.QuickGrid.QuickGrid%601.Class%2A>) to the rendered table element:
188+
QuickGrid also supports passing custom attributes and classes (<xref:Microsoft.AspNetCore.Components.QuickGrid.QuickGrid%601.Class%2A>) to the rendered table element:
189189

190190
```razor
191191
<QuickGrid Items="..." custom-attribute="value" Class="custom-class">
@@ -202,18 +202,18 @@ Apply a stylesheet class to a row of the grid based on the row item using the `R
202202
In the following example:
203203

204204
* A row item is represented by the `Person` [record](/dotnet/csharp/language-reference/builtin-types/record). The `Person` record includes a `FirstName` property.
205-
* The `HighlightJulie` method applies the `highlight` class styles to any row where the person's first name is "`Julie`."
205+
* The `GetRowCssClass` method applies the `highlightRow` class styles to any row where the person's first name is "`Julie`."
206206

207207
```razor
208-
<QuickGrid ... RowClass="HighlightJulie">
208+
<QuickGrid ... RowClass="GetRowCssClass">
209209
...
210210
</QuickGrid>
211211
212212
@code {
213213
private record Person(int PersonId, string FirstName, string LastName);
214214
215-
private string HighlightJulie(Person person) =>
216-
person.FirstName == "Julie" ? "highlight" : null;
215+
private string GetRowCssClass(Person person) =>
216+
person.FirstName == "Julie" ? "highlightRow" : null;
217217
}
218218
```
219219

0 commit comments

Comments
 (0)