N
data-display data-list

Data List

Mobile-friendly DataTable variant.

$ ndui add data-list
Component docs

Stacked list (better than DataTable on mobile)

  • Alex Chen
    alex@acme.io · admin
    owner
  • Morgan Davis
    morgan@acme.io · billing
    admin
  • Sam Patel
    sam@acme.io · developer
    member
  • Jordan Lee
    jordan@acme.io · viewer
    member
  • Riley Wilson
    riley@acme.io · billing
    admin
Source 
@{
    var members = new[]
    {
        new { Title = "Alex Chen",    Subtitle = "alex@acme.io · admin",     Right = "owner" },
        new { Title = "Morgan Davis", Subtitle = "morgan@acme.io · billing", Right = "admin" },
        // …
    };
}

<partial name="_DataList" model="members" />