Creating Vuetify Forms using BANanoVuetifyAD3 - Part 8 Styling VDataTable
In part 8, we continue where we left off. We do a couple of things..
1. Add filters on the VDataTable so that we can choose which columns to show/hide at runtime.
2. We format the style of the 1st column (backgroundColor, fontSize, color) depending on the rating per user
3. We format the text color of the gender making it blue/pink
4. We show where the progress color is based from on the JSON data.
Source Code
https://github.com/Mashiane/BANanoVue...
BANanoVuetifyAD3 - Powered by BANano + Vuetify + B4X
BTW...
BANanoVuetifyAD3 is a wrap of the famous Vuetify, a Vue UI Library with beautifully handcrafted Material Components. No design skills required — everything you need to create amazing applications is at your fingertips.
With BANanoVuetifyAD3, you write your code in B4x, a VB like programming language from Anywhere Software. Using BANano, this is transpiled to JavaScript, CSS and HTML. No JavaScript, HTML or CSS knowledge is required. You can drag and drop components to a designer to create your UI.
Getting Started with BANanoVuetifyAD3
• BANanoVuetifyAD3 Rewind - Getting Sta...
Join our TG Channel
https://t.me/bananovuematerial
Get BANanoVuetifyAD3 from Github
https://github.com/Mashiane/BANanoVue...
BANanoVuetifyAD3 Kitchen Sink
https://mashiane.github.io/BANanoVuet...
Mashy Teaches Channel
https://www.b4x.com/android/forum/thr...
All the Mashy Teaches Source Code
https://github.com/Mashiane/BANanoVue...
Music by Bensound
Watch video Creating Vuetify Forms using BANanoVuetifyAD3 - Part 8 Styling VDataTable online without registration, duration hours minute second in high quality. This video was added by user Anele Mbanga 21 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 164 once and liked it 0 people.