diff --git a/Demos/Blazorise.Demo/Pages/Tests/DataGrid/DataGridPage.razor b/Demos/Blazorise.Demo/Pages/Tests/DataGrid/DataGridPage.razor index 5eb94f639d..b6096b0088 100644 --- a/Demos/Blazorise.Demo/Pages/Tests/DataGrid/DataGridPage.razor +++ b/Demos/Blazorise.Demo/Pages/Tests/DataGrid/DataGridPage.razor @@ -164,6 +164,12 @@ + + + + + + Sort mode @@ -186,6 +192,17 @@ + + + Responsive mode + + + + + Custom Search @@ -243,7 +260,8 @@ FilteredDataChanged="@OnFilteredDataChanged" UseValidation SortChanged="@OnSortChanged" - HeaderThemeContrast="@ThemeContrast.Light"> + HeaderThemeContrast="@ThemeContrast.Light" + ResponsiveMode="@responsiveMode"> diff --git a/Demos/Blazorise.Demo/Pages/Tests/DataGrid/DataGridPage.razor.cs b/Demos/Blazorise.Demo/Pages/Tests/DataGrid/DataGridPage.razor.cs index ce53fe9ebb..a919ed91d4 100644 --- a/Demos/Blazorise.Demo/Pages/Tests/DataGrid/DataGridPage.razor.cs +++ b/Demos/Blazorise.Demo/Pages/Tests/DataGrid/DataGridPage.razor.cs @@ -24,6 +24,7 @@ public partial class DataGridPage private DataGridCommandMode commandsMode = DataGridCommandMode.Commands; private TableResizeMode resizableMode = TableResizeMode.Header; private DataGridFilterMode filterMode = DataGridFilterMode.Default; + private TableResponsiveMode responsiveMode = TableResponsiveMode.Default; private DataGrid dataGrid; public int currentPage { get; set; } = 1; diff --git a/Demos/Blazorise.Demo/Pages/Tests/TablesPage.razor b/Demos/Blazorise.Demo/Pages/Tests/TablesPage.razor index 745c6e55dc..472e288755 100644 --- a/Demos/Blazorise.Demo/Pages/Tests/TablesPage.razor +++ b/Demos/Blazorise.Demo/Pages/Tests/TablesPage.razor @@ -648,9 +648,15 @@ } + + + - +
# @@ -671,10 +677,10 @@ var index = i.ToString(); - @index - Column content - Column content - Column content + @index + Column content + Column content + Column content } diff --git a/Demos/Blazorise.Demo/Pages/Tests/TablesPage.razor.cs b/Demos/Blazorise.Demo/Pages/Tests/TablesPage.razor.cs index 5a54d9d0f6..048b307626 100644 --- a/Demos/Blazorise.Demo/Pages/Tests/TablesPage.razor.cs +++ b/Demos/Blazorise.Demo/Pages/Tests/TablesPage.razor.cs @@ -16,6 +16,7 @@ public partial class TablesPage private bool resizable = true; private TableResizeMode resizeMode; + private TableResponsiveMode responsiveMode; private Task ScrollToRow() => tableRef.ScrollToRow( scrollToValue ).AsTask(); diff --git a/Documentation/Blazorise.Docs/Blazorise.Docs.csproj b/Documentation/Blazorise.Docs/Blazorise.Docs.csproj index ba3f37ce38..1f65710c44 100644 --- a/Documentation/Blazorise.Docs/Blazorise.Docs.csproj +++ b/Documentation/Blazorise.Docs/Blazorise.Docs.csproj @@ -79,6 +79,11 @@ + + + true + + diff --git a/Documentation/Blazorise.Docs/Components/DocsNewFeatureBadge.razor b/Documentation/Blazorise.Docs/Components/DocsNewFeatureBadge.razor new file mode 100644 index 0000000000..4e2d9a5a91 --- /dev/null +++ b/Documentation/Blazorise.Docs/Components/DocsNewFeatureBadge.razor @@ -0,0 +1,5 @@ +@ChildContent +New +@code { + [Parameter] public RenderFragment ChildContent { get; set; } +} diff --git a/Documentation/Blazorise.Docs/Components/DocsPageSectionContent.razor b/Documentation/Blazorise.Docs/Components/DocsPageSectionContent.razor index f30c097a8d..501cae4ce3 100644 --- a/Documentation/Blazorise.Docs/Components/DocsPageSectionContent.razor +++ b/Documentation/Blazorise.Docs/Components/DocsPageSectionContent.razor @@ -1,5 +1,31 @@ -
+@if ( !string.IsNullOrWhiteSpace( FrameUrl ) ) +{ +
+ + + + + + +
+} +
- @ChildContent + @if ( FrameView == "desktop" ) + { + @ChildContent + } + else + { +
+