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:

The 10 Best React Native Component Libraries You Should Know

The 10 best React Native UI libraries of 2025

UI libraries like React Native Paper and React Native Elements offer pre-developed components that help us deliver our React Native projects faster.

Aman Mittal
Feb 21, 2025 â‹… 7 min read
top ten docker alternatives worth considering

The 10 best Docker alternatives to consider

Although Docker remains the dominant platform for containerization and container management, it’s good to know about different tools that may work better for certain use cases.

Ayooluwa Isaiah
Feb 21, 2025 â‹… 13 min read
how to use the ternary operator in javascript

How to use the ternary operator in JavaScript

Add to your JavaScript knowledge of shortcuts by mastering the ternary operator, so you can write cleaner code that your fellow developers will love.

Chizaram Ken
Feb 21, 2025 â‹… 7 min read
Using tsup To Bundle Your TypeScript Package

Using tsup to bundle your TypeScript package

Learn how to efficiently bundle your TypeScript package with tsup. This guide covers setup, custom output extensions, and best practices for optimized, production-ready builds.

Muhammed Ali
Feb 20, 2025 â‹… 7 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