Skip to content

Commit d2c1e34

Browse files
guardrexdanroth27
andauthored
Update aspnetcore/blazor/components/quickgrid.md
Co-authored-by: Daniel Roth <[email protected]>
1 parent 3efb7f9 commit d2c1e34

File tree

1 file changed

+1
-21
lines changed

1 file changed

+1
-21
lines changed

aspnetcore/blazor/components/quickgrid.md

Lines changed: 1 addition & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -152,27 +152,7 @@ QuickGrid renders additional empty rows to fill in the final page of data when u
152152
if an empty row template feature is added that will result in an
153153
update the following content for >=10.0. -->
154154

155-
In .NET 9 or later, Bootstrap styling adds a bottom border to empty row data cells, which results in a UI artifact. To remove the border styling of the empty cells on these rows, use [CSS isolation](xref:blazor/components/css-isolation).
156-
157-
Consider the following QuickGrid placed in the app's `Index` component. The `QuickGrid` component has a wrapper `<div>` element, which permits you to apply `::deep` [pseudo-elements](https://developer.mozilla.org/docs/Web/CSS/Pseudo-elements) to the QuickGrid.
158-
159-
`Index.razor`:
160-
161-
```razor
162-
<div>
163-
<QuickGrid ... Pagination="pagination">
164-
...
165-
</QuickGrid>
166-
</div>
167-
168-
<Paginator State="pagination" />
169-
170-
@code {
171-
private PaginationState pagination = new PaginationState { ItemsPerPage = 10 };
172-
173-
...
174-
}
175-
```
155+
If you prefer to hide the empty rows rendered by the `QuickGrid`, you may do so using CSS styling to hide the empty data cell in rows that that don't contain any data.
176156

177157
In the following isolated CSS styles:
178158

0 commit comments

Comments
 (0)