Buefy — Tables

John Au-Yeung
3 min readJan 11, 2021
Photo by Andyone on Unsplash

Buefy is a UI framework that’s based on Bulma.

In this article, we’ll look at how to use Buefy in our Vue app.


Buefy comes with a table component. It can be used to display data responsively.

We can use the b-table to add a simple table to our Vue app:

<div id="app">
<b-table :data="data"…