@rubs here, also fixed some quirks when q-page-container is adding padding left same as q-splitter’s left width https://codepen.io/metalsadman/pen/YzPgKML

@karnjeet https://codepen.io/metalsadman/pen/ZgKexK

awesome, thx for your hardwork.

@patryckx check my sandbox currency formatter, you can replace the characters for ., prolly tweak the regular expression too. Its at src/components/base… https://codesandbox.io/s/0ybb3 sry cant check atm in mobile. mosuforge also has one using https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

@venkyvb
Try something like this.

 <q-table
    :data="tableData"
    :columns="columns"
    row-key="name"
    :rows-per-page-options="[0]" 
    :pagination.sync="pagination"
    hide-header
    hide-bottom
  />

data () {
  return {
    pagination: {
         page: 1,    
         rowsPerPage: 0 // 0 means all rows    
     }
}

@jvmonjo can be achieved tho https://codepen.io/metalsadman/pen/YbXEjJ.

@jacklin10 be sure that you passed the store as an arg at your router/index.js’s export default function to access the store You don’t need to import your store.
Like I stated on my older reply in this thread https://forum.quasar-framework.org/topic/2825/store-is-no-longer-accessible-in-router/6… which is just above your post.
ie.

export default function({ store }) { // <<<<<<-- this is what you're looking for
  const Router = new VueRouter({
    scrollBehavior: () => ({ x: 0, y: 0 }),
    routes,
    mode: process.env.VUE_ROUTER_MODE,
    base: process.env.VUE_ROUTER_BASE
  })

  Router.beforeEach((to, from, next) => {
      ...
      console.log('LoggedIn: ', store.getters['auth/loggedIn'])
      ....
  })

  return Router
}

@jpperlm said in Capacitor Build - Errors With capacitor-cordova-android-plugins?:

I have been having issues building my app to test with capacitor. The following command works: quasar build -m cordova -T android --debug, and I am able to then plop this apk onto my device and the application works as intended. If I instead run quasar build -m capacitor -T android --debug, the output apk does not open on my device, it simply hits a white screen.

I tried then opening up the build in android studio and am seeing errors with capacitor-cordova-android-plugins. Is anyone else seeing similar? Is there something I am missing?

When I run the capacitor dev server I always get an error:

10:04 PM Unsupported Modules Detected: Compilation is not supported for following modules: capacitor-cordova-android-plugins. Unfortunately you can’t have non-Gradle Java modules and Android-Gradle modules in one project.

This requires me to invalidate the cache and restart. When I do this, I am then able to run the app on an emulator. However I still cannot get the apk to work on an actual device.

Invalidate cache https://quasar.dev/quasar-cli/developing-capacitor-apps/troubleshooting-and-tips#Android-Studio

@lunne
call a method with your scoped props as a parameter in either save, show or hide events (hide event will not fire tho if you used buttons in your popup edit).
ie. @save="doSomething(props)", then you can process the prop object, you can either get the row prop in it which contains the __index property etc. or pass props.row if you just want the row object like so @save="doSomething(props.row)".

you could’ve just un-commented the line.
export default function (/* { store, ssrContext } */) {
to
export default function ({ store }) {
also comment the line
import store from '../store'
since like doing it with quasar plugins, the store is also accessible in router/index.js.

@zhanggx you should set it in your custom component.

@avijit526 take a look at https://quasar.dev/vue-directives/intersection and https://quasar.dev/vue-components/intersection. about animation checkout vue transitions https://vuejs.org/v2/guide/transitions.html.

@Ben-Hayat some ways, take a look into QSelect filtering using use-input https://quasar.dev/vue-components/select#Filtering-and-autocomplete and use slots to customize the options https://quasar.dev/vue-components/select#Customizing-menu-options, you can also use a QInput with a child QMenu. Quite trivial to implement with the array of quasar components already available IMHO.

@zwiebel_s worth to ask the maintainer of that app-extension.

@realtebo https://quasar.dev/vue-components/scroll-area#Horizontal-mode

Also check the $q.iconSet object (console log), the icon prop should be defined there and give it a null or an empty string, careful though as it’s global.

@jeffatpf you can just also use a qfield https://quasar.dev/vue-components/field

Also see @mayank091193 's templates at useful tips forum category. I believe he has one with full page and using scroll area.

@lesourcil like I said there’s nothing wrong in your code as far as I can tell in your snippet above, what you could do is set some logs and check your dev tools for errors, or. Log the data if it’s in correct form and etc…

@tindecken see the other search results, https://forum.quasar-framework.org/topic/6290/q-table-custom-column-width-via-column-style-property/2