You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: aspnetcore/blazor/components/quickgrid.md
+3-13Lines changed: 3 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -146,20 +146,12 @@ QuickGrid renders additional empty rows to fill in the final page of data when u
146
146
}
147
147
```
148
148
149
-
:::moniker range=">= aspnetcore-9.0"
150
-
151
-
<!-- UPDATE 10.0 Check on https://github.com/dotnet/aspnetcore/issues/59078 to see
152
-
if an empty row template feature is added that will result in an
153
-
update the following content for >=10.0. -->
154
-
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.
156
-
157
-
In the following isolated CSS styles:
149
+
To hide the empty row data cells rendered by the QuickGrid, use CSS styling. In the following isolated CSS styles:
158
150
159
151
* Row cells populated with data are displayed.
160
-
* Empty row data cells aren't displayed, which avoids empty row cell borders rendering per the Bootstrap style.
152
+
* Empty row data cells aren't displayed, which avoids empty row cell borders from rendering per Bootstrap styling.
161
153
162
-
`Index.razor.css`:
154
+
`{COMPONENT}.razor.css`:
163
155
164
156
```css
165
157
::deep tr:has(>td:not(:empty)) >td {
@@ -171,8 +163,6 @@ In the following isolated CSS styles:
171
163
}
172
164
```
173
165
174
-
:::moniker-end
175
-
176
166
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>.
0 commit comments