{"id":13824031,"url":"https://github.com/Lupusa87/BlazorVirtualGrid","last_synced_at":"2025-07-08T18:31:32.319Z","repository":{"id":217321948,"uuid":"169101866","full_name":"Lupusa87/BlazorVirtualGrid","owner":"Lupusa87","description":"All Blazor Demos","archived":false,"fork":false,"pushed_at":"2023-06-27T23:13:56.000Z","size":2978,"stargazers_count":20,"open_issues_count":1,"forks_count":8,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-11-20T01:33:24.702Z","etag":null,"topics":["blazor"],"latest_commit_sha":null,"homepage":"https://lupblazordemos.z13.web.core.windows.net/","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Lupusa87.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-02-04T15:41:33.000Z","updated_at":"2024-01-06T06:00:24.000Z","dependencies_parsed_at":"2024-01-15T19:07:47.947Z","dependency_job_id":null,"html_url":"https://github.com/Lupusa87/BlazorVirtualGrid","commit_stats":null,"previous_names":["lupusa87/blazorvirtualgrid"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Lupusa87/BlazorVirtualGrid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lupusa87%2FBlazorVirtualGrid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lupusa87%2FBlazorVirtualGrid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lupusa87%2FBlazorVirtualGrid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lupusa87%2FBlazorVirtualGrid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Lupusa87","download_url":"https://codeload.github.com/Lupusa87/BlazorVirtualGrid/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lupusa87%2FBlazorVirtualGrid/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264323920,"owners_count":23590766,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blazor"],"created_at":"2024-08-04T09:00:53.776Z","updated_at":"2025-07-08T18:31:31.970Z","avatar_url":"https://github.com/Lupusa87.png","language":"C#","funding_links":["https://www.paypal.me/VakhtangiAbashidze/10"],"categories":["Libraries \u0026 Extensions"],"sub_categories":["Components"],"readme":"# Blazor Virtual Grid\n\n![](https://placehold.it/15/4747d1/000000?text=+) \nIf 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)\n![](https://placehold.it/15/4747d1/000000?text=+) \n\n![](https://placehold.it/15/00e600/000000?text=+) \nPlease send [email](mailto:VakhtangiAbashidze@gmail.com) if you consider to **hire me**.\n![](https://placehold.it/15/00e600/000000?text=+)     \n\n\n![](https://placehold.it/15/ffffff/000000?text=+)  \n\n\n=================================================\n\nComponent is available on [nuget](https://www.nuget.org/packages/BlazorVirtualGridComponent/)\n\nAfter installing package please add bellow script to your index.html\n\n```\n\u003cscript src=\"_content/BlazorVirtualGridComponent/BVirtualGridCJsInterop.js\"\u003e\u003c/script\u003e\n```\n\n\n\nComponent is live [here](https://lupblazordemos.z13.web.core.windows.net/PageVirtualGrid)\n\nIn this repo there are component itself and consumer blazor app where you can see how component can be used.\n\nHere I will also give some basic usage info.\n\n[Component](https://www.nuget.org/packages/BlazorVirtualGridComponent/) can be downloaded from nuget, also we need four more nuget packages to install:\n1. [BlazorSpitter](https://www.nuget.org/packages/BlazorSplitterComponent/);\n2. [BlazorScrollbar](https://www.nuget.org/packages/BlazorScrollbarComponent/);\n3. [Mono.WebAssembly.Interop](https://www.nuget.org/packages/Mono.WebAssembly.Interop);\n4. [System.Linq.Dynamic.Core](https://www.nuget.org/packages/System.Linq.Dynamic.Core/).\n\n\nComponent can receive any list object in parameter SourceList, table name and configuration settings.\n\n`\u003cCompBlazorVirtualGrid ref=\"Bvg1\" SourceList=\"@list1\" TableName=\"@TableName1\" bvgSettings=\"@bvgSettings1\"\u003e\u003c/CompBlazorVirtualGrid\u003e`\n\nFor BvgSettings you will provide TItem and all desired configurations.\n\n`public BvgSettings\u003cMyItem\u003e bvgSettings1 { get; set; } = new BvgSettings\u003cMyItem\u003e();`\n\nYou can configure styles and global properties:\n\n```\n  bvgSettings1.NonFrozenCellStyle = new BvgStyle\n    {\n        BackgroundColor = \"#cccccc\",\n        ForeColor = \"#00008B\",\n        BorderColor = \"#000000\",\n        BorderWidth = 1,\n    };\n\n    bvgSettings1.RowHeight = 40;\n    bvgSettings1.HeaderHeight = 50;\n    bvgSettings1.ColWidthMin = 220;\n    bvgSettings1.ColWidthMax = 400;\n\n    bvgSettings1.VerticalScrollStyle = new BvgStyleScroll\n    {\n        ButtonColor = \"#008000\",\n        ThumbColor = \"#FF0000\",\n        ThumbWayColor = \"#90EE90\",\n    };\n```\n\nSet frozen columns if any:\n ```\nbvgSettings1.FrozenColumnsListOrdered = new ValuesContainer\u003cstring\u003e();\n    bvgSettings1.FrozenColumnsListOrdered\n        .Add(nameof(MyItem.C3))\n        .Add(nameof(MyItem.Date));\n```\n\nHide columns:\n```\n    bvgSettings1.HiddenColumns\n        .Add(nameof(MyItem.C1))\n        .Add(nameof(MyItem.C2));\n```\n\nSet columns order, code will organize columns by provided order, after this by default:\n```\nbvgSettings1.NonFrozenColumnsListOrdered = new ValuesContainer\u003cstring\u003e();\n            bvgSettings1.NonFrozenColumnsListOrdered\n                .Add(nameof(MyItem.C1))\n                .Add(nameof(MyItem.C2));\n```\n\nSet column widths if you like any of them to have individual width:\n```\n  bvgSettings1.ColumnWidthsDictionary = new ValuesContainer\u003cTuple\u003cstring, ushort\u003e\u003e();\n  bvgSettings1.ColumnWidthsDictionary\n      .Add(Tuple.Create(nameof(MyItem.C3), (ushort)200))\n      .Add(Tuple.Create(nameof(MyItem.Date), (ushort)200));\n```\n\nPlease also check [this youtube video](https://www.youtube.com/watch?v=UDylcERISeY) about BlazorVirtualGrid.\n\nYou can always open new issue or make PR, also ask questions at VakhtangiAbashidze@gmail.com or reach me out in twitter @lupusa1\n\n# Thank you for your interest and happy coding with blazor.\n\n\n\n\n          \n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLupusa87%2FBlazorVirtualGrid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FLupusa87%2FBlazorVirtualGrid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLupusa87%2FBlazorVirtualGrid/lists"}