Intro to Dynamic Slots
2:02
Tour of the Starting Code - A Table for Github Projects
5:25
Exercise 0 - Raising Github API Rate Limit (updated)
2:36
Slots for Table Rows
4:51
Exercise 1 - Head and Foot slots
1:58
Solution to Head and Foot Slots Exercise
1:12
Column Slots
3:14
Dynamic Column Slots
5:37
Exercise 2 - Dynamic Head and Foot Slots
3:01
Answer to Exercise 2 - Dynamic Head and Foot Slots
4:05
Completely Customizable Dynamic Tables
4:05
0% done with Advanced Components: Slots II (Dynamic Slots)

Chapter 2 of 5 in Advanced Components: Slots
Exercise 2 - Dynamic Head and Foot Slots

Your goal in this exercise is to generate dynamic head and foot slots from the columns array.

Here's the starting code that goes within the VSTable Component:

<template #head.stargazers>
  <font-awesome-icon icon="star" />
  <font-awesome-icon icon="star" />
  <font-awesome-icon icon="star" />
</template>
<template #head.openIssues>
  Here Be Dragons
  <font-awesome-icon icon="dragon" />
</template>

<template #foot.stargazers="{items}">{{sumBy(items, 'stargazers_count')}}</template>
<template #foot.openIssues="{items}">{{sumBy(items, 'open_issues')}}</template>
What do others think of VueScreencasts?
"Thanks for this series! Very helpful and good to follow."
—Raúl Wallaart
"Awesome video! Easy to follow along with a lot of explanation into whats happening! Thanks a ton!"
—Ritika Singh
"Such an excellent video! Your explanations are so clear. This is the first time where I don't feel burned out in a 40min+ video tutorial. Thank you so much!"
—João Victor Valentim
"Very good tutorial, thanks."
—ivan89pln
Take your career to the next level