Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Lupusa87/BlazorVirtualGrid
All Blazor Demos
https://github.com/Lupusa87/BlazorVirtualGrid
blazor
Last synced: about 2 months ago
JSON representation
All Blazor Demos
- Host: GitHub
- URL: https://github.com/Lupusa87/BlazorVirtualGrid
- Owner: Lupusa87
- Created: 2019-02-04T15:41:33.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-06-27T23:13:56.000Z (over 1 year ago)
- Last Synced: 2024-06-29T04:36:10.689Z (3 months ago)
- Topics: blazor
- Language: C#
- Homepage: https://lupblazordemos.z13.web.core.windows.net/
- Size: 2.84 MB
- Stars: 20
- Watchers: 4
- Forks: 8
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blazor Virtual Grid
If you like my blazor works and want to see more open sourced repos please support me with [paypal donation](https://www.paypal.me/VakhtangiAbashidze/10)
Please send [email](mailto:[email protected]) if you consider to **hire me**.
=================================================
Component is available on [nuget](https://www.nuget.org/packages/BlazorVirtualGridComponent/)
After installing package please add bellow script to your index.html
```
```
Component is live [here](https://lupblazordemos.z13.web.core.windows.net/PageVirtualGrid)
In this repo there are component itself and consumer blazor app where you can see how component can be used.
Here I will also give some basic usage info.
[Component](https://www.nuget.org/packages/BlazorVirtualGridComponent/) can be downloaded from nuget, also we need four more nuget packages to install:
1. [BlazorSpitter](https://www.nuget.org/packages/BlazorSplitterComponent/);
2. [BlazorScrollbar](https://www.nuget.org/packages/BlazorScrollbarComponent/);
3. [Mono.WebAssembly.Interop](https://www.nuget.org/packages/Mono.WebAssembly.Interop);
4. [System.Linq.Dynamic.Core](https://www.nuget.org/packages/System.Linq.Dynamic.Core/).
Component can receive any list object in parameter SourceList, table name and configuration settings.
``
For BvgSettings you will provide TItem and all desired configurations.
`public BvgSettings bvgSettings1 { get; set; } = new BvgSettings();`
You can configure styles and global properties:
```
bvgSettings1.NonFrozenCellStyle = new BvgStyle
{
BackgroundColor = "#cccccc",
ForeColor = "#00008B",
BorderColor = "#000000",
BorderWidth = 1,
};
bvgSettings1.RowHeight = 40;
bvgSettings1.HeaderHeight = 50;
bvgSettings1.ColWidthMin = 220;
bvgSettings1.ColWidthMax = 400;
bvgSettings1.VerticalScrollStyle = new BvgStyleScroll
{
ButtonColor = "#008000",
ThumbColor = "#FF0000",
ThumbWayColor = "#90EE90",
};
```
Set frozen columns if any:
```
bvgSettings1.FrozenColumnsListOrdered = new ValuesContainer();
bvgSettings1.FrozenColumnsListOrdered
.Add(nameof(MyItem.C3))
.Add(nameof(MyItem.Date));
```
Hide columns:
```
bvgSettings1.HiddenColumns
.Add(nameof(MyItem.C1))
.Add(nameof(MyItem.C2));
```
Set columns order, code will organize columns by provided order, after this by default:
```
bvgSettings1.NonFrozenColumnsListOrdered = new ValuesContainer();
bvgSettings1.NonFrozenColumnsListOrdered
.Add(nameof(MyItem.C1))
.Add(nameof(MyItem.C2));
```
Set column widths if you like any of them to have individual width:
```
bvgSettings1.ColumnWidthsDictionary = new ValuesContainer>();
bvgSettings1.ColumnWidthsDictionary
.Add(Tuple.Create(nameof(MyItem.C3), (ushort)200))
.Add(Tuple.Create(nameof(MyItem.Date), (ushort)200));
```
Please also check [this youtube video](https://www.youtube.com/watch?v=UDylcERISeY) about BlazorVirtualGrid.
You can always open new issue or make PR, also ask questions at [email protected] or reach me out in twitter @lupusa1
# Thank you for your interest and happy coding with blazor.