Skip to content

Instantly share code, notes, and snippets.

@henrycat
henrycat / index.html
Created January 15, 2018 05:20 — forked from anonymous/index.html
To Do
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>To-Do-List</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>

Activity Table

I followed this tutorial: https://scotch.io/tutorials/sort-and-filter-a-table-using-angular

What I wanted to do was create a table that can be sorted by activity type, season and ratings. Of course this can be modified and perfected. This way a user can find the activity that appeals to them, so for a example if they are looking for a kids friendly activity in winter they can find it.

A Pen by anna on CodePen.

License.

Activity Table

I followed this tutorial: https://scotch.io/tutorials/sort-and-filter-a-table-using-angular

What I wanted to do was create a table that can be sorted by activity type, season and ratings. Of course this can be modified and perfected. This way a user can find the activity that appeals to them, so for a example if they are looking for a kids friendly activity in winter they can find it.

A Pen by anna on CodePen.

License.

Button

Click on the button to trigger a list. You can add links or info into this pen.

A Pen by anna on CodePen.

License.