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
Смотрите видео Creating Vuetify Forms using BANanoVuetifyAD3 - Part 8 Styling VDataTable онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Anele Mbanga 21 Январь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 164 раз и оно понравилось 0 людям.