2022-03-17
1497
#vue
Abiola Farounbi
97247
Mar 17, 2022 â‹… 5 min read

Build a table component from scratch in Vue 3 with Bootstrap

Abiola Farounbi Frontend developer and technical writer with a passion for open source, accessibility, and web technologies.

Recent posts:

what are the event loop and call stack in JavaScript

What are the event loop and call stack in JavaScript?

Learn how the call stack, event loop, and various queues help JavaScript handle asynchronous operations while maintaining its single-threaded nature.

Ikeh Akinyemi
Feb 18, 2025 â‹… 6 min read
how and when to use JavaScript arrow functions

How and when to use JavaScript arrow functions

Arrow functions have a simpler syntax than standard functions, and there are some important differences in how they behave.

Joe Attardi
Feb 17, 2025 â‹… 5 min read
javascript is null or empty function

How to check for null, undefined, or empty values in JavaScript

In most languages, we only have to cater to null. But in JavaScript, we have to cater to both null and undefined. How do we do that?

Lewis Cianci
Feb 14, 2025 â‹… 4 min read
MERN Stack: Overview With Examples

What is the MERN stack? Overview with examples

Discover how the MERN stack (MongoDB, Express.js, React, Node.js) enables developers to build dynamic, performant, modern websites and apps.

Nefe Emadamerho-Atori
Feb 13, 2025 â‹… 20 min read
View all posts

5 Replies to "Build a table component from scratch in Vue 3 with Bootstrap"

  1. Abiola, great content. Thanks for sharing.
    Unfortunatelly I can’t make it work properly.
    It seems my Vue is not translating the content of this statement correctly {{item[field]}}.
    The object only recognizes some content with hardcode like this…. {{item[‘Name’]}}

  2. I would add aria-sort to the th elements. Otherwise, how will a screenreader user know how a column is sorted, or which way it will be sorted if they click the th element?

Leave a Reply