Skip to content

Instantly share code, notes, and snippets.

@andrewconnell

andrewconnell/office-ui-fabric-table.html

Last active June 17, 2018 19:59
Download ZIP

Revisions

  1. andrewconnell revised this gist Aug 30, 2015. 1 changed file with 4 additions and 1 deletion.
    5 changes: 4 additions & 1 deletion office-ui-fabric-table.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,7 @@
    <div class="ms-Grid">
    <link rel="stylesheet" href="/public/fabric/css/fabric.min.css">
    <link rel="stylesheet" href="/public/fabric/css/fabric.components.min.css">

    <div class="ms-Grid">
    <div class="ms-Grid-row">
    <div class="ms-Grid-col ms-u-lg12">
    <div class="ms-font-su">{{vm.teamName}} Roster</div>
  2. andrewconnell created this gist Aug 30, 2015.
    21 changes: 21 additions & 0 deletions office-ui-fabric-table.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,21 @@
    <div class="ms-Grid">
    <div class="ms-Grid-row">
    <div class="ms-Grid-col ms-u-lg12">
    <div class="ms-font-su">{{vm.teamName}} Roster</div>
    <div class="ms-Table">
    <div class="ms-Table-row">
    <span class="ms-Table-cell ms-font-xl">Pos.</span>
    <span class="ms-Table-cell ms-font-xl">Player</span>
    <span class="ms-Table-cell ms-font-xl">NFL</span>
    <span class="ms-Table-cell ms-font-xl">Paid</span>
    </div>
    <div class="ms-Table-row" data-ng-repeat="pick in vm.picks">
    <span class="ms-Table-cell ms-font-xl">{{pick.player.position}}</span>
    <span class="ms-Table-cell ms-font-xl">{{pick.player.fullName}}</span>
    <span class="ms-Table-cell ms-font-xl">{{pick.player.nflTeam}}</span>
    <span class="ms-Table-cell ms-font-xl"><i class="fa fa-usd"></i> {{pick.price}}</span>
    </div>
    </div>
    </div>
    </div>
    </div>