Goffo.BlazorSimpleDataTable 1.0.0

README

This README would normally document whatever steps are necessary to get your application up and running.

What is this repository for?

• Provides an easy way to create a simple HTML table in Blazor
• NuGet Package ID: Goffo.BlazorSimpleDataTable
• Learn Markdown

How do I get set up?

• Use your own string of Header Names by Settinge TableHeaders or leave blank to use the class properties

@page "/"

<SimpleDataTable Items=GetPeople()
                 TableCssClass="table table-bordered table-striped table-responsive"
                 TableHeaders="GetHeaders()">
</SimpleDataTable>

@code
{
    private List<string> GetHeaders()
    {
        var headers = new List<string>
        {
            "First Name",
            "Last Name",
            "Age",
            "Email Address"
        };

        return headers;
    }

    private List<PersonModel> GetPeople()
    {
        var people = new List<PersonModel>
        {
            new PersonModel()
            {
                FirstName = "John",
                LastName = "Doe",
                Age = 22,
                EmailAddress = "john.doe@gmail.com"
            },
            new PersonModel()
            {
                FirstName = "Jane",
                LastName = "Doe",
                Age = 21,
                EmailAddress = "jane.doe@gmail.com"
            },
            new PersonModel()
            {
                FirstName = "Mystery",
                LastName = "Man",
                Age = 42,
                EmailAddress = "mystery.man@gmail.com"
            },
            new PersonModel()
            {
                FirstName = "Mystery",
                LastName = "Woman",
                Age = 42,
                EmailAddress = "mystery.woman@gmail.com"
            }
        };

        return people;
    }
}

• Model - Leave TableHeaders Blank to use the Properties attributes: default, DisplayAttributeName or DisplayName

using System.ComponentModel;
using System.ComponentModel.DataAnnotations;

public class PersonModel
{
    public PersonModel() { }

    public PersonModel(string firstName, string lastName, byte age, string emailAddress)
    {
        FirstName = firstName;
        LastName = lastName;
        Age = age;
        EmailAddress = emailAddress;
    }

    [Display(Name = "First Name")]
    public string? FirstName { get; set; }

    [DisplayName("Last Name")]
    public string? LastName { get; set; }

    public byte Age { get; set; }

    [DisplayName("Email Address")]
    public string? EmailAddress { get; set; }
}

Contribution guidelines

• Contact Repo owner or admin

Who do I talk to?

• Contact Repo owner or admin
• Other community or team contact