No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. effiestar
    E
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 4
    • Best 0
    • Groups 0

    effiestar

    @effiestar

    0
    Reputation
    1
    Profile views
    4
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    effiestar Follow

    Latest posts made by effiestar

    • RE: Odd/Even Table Row Colours

      @walfin you are brilliant! Thank you so much. This one has been bugging me for so long šŸ˜‚
      Finally fixed and working great! Also, the div trick was something I didn’t pick up either!

      šŸ‘šŸ»

      posted in Help
      E
      effiestar
    • RE: Odd/Even Table Row Colours

      Hey @walfin !

      I’ve removed the extra :props the other errors are now gone, but the tables are still not returning alternate colours. Doesn’t seem to be a fan of the below:

      parsing2.PNG

      <q-tr :class="(props.rowIndex==%2)===0?'bg-grey':'bg-white'"
                  >
                <q-td 
                  v-for="col in props.cols"
                  :key="col.name"            
                >
      

      šŸ˜•

      posted in Help
      E
      effiestar
    • RE: Odd/Even Table Row Colours

      Hey @walfin thanks for helping! - I tried this option with my current code, but it is still returning an error šŸ˜ž

              <q-tr :props="props"
                        :class="(props.rowIndex==%2)===0?'bg-grey':'bg-white'"
                  >
                <q-td 
                  v-for="col in props.cols"
                  :key="col.name"
                  :props="props"
                  
                >
                  {{ col.value }}
      
                </q-td>
                <q-td auto-width>
                  
                  <q-btn size="sm" color="positive" round dense @click="props.expand = !props.expand" :icon="props.expand ? 'remove' : 'add'" />
                </q-td>
              </q-tr>
              <q-tr v-show="props.expand" :props="props">
                <q-td colspan="100%">
      
                  <div class="q-pa-dense q-gutter-md bg-white" style="inline" >
                  <q-btn outline style="color: grey; inherit" label="Button 1" @click="moreinfo(props.row)" />
                  <q-btn outline style="color: grey;" label="Button 2" />
                  <q-btn outline style="color: grey;" icon="history" />
                  <q-btn outline style="color: grey;" icon="report_problem" />
                </div>
             
                </q-td>
              </q-tr>
            </template>
      

      This is my current code but it is still returning the following error, plus a couple of others regarding whitespace which hadn’t popped up before.

      parsing.PNG

      posted in Help
      E
      effiestar
    • Odd/Even Table Row Colours

      Hello all!

      I’m very new to Quasar & Coding in general (Just an FYI as I’m still mixing u my terminology, so sorry in advance).

      I’m building a table that pulls info from a database of parts. However, to make it visually easier to read, I’m wanting to colourise the rows in grey & white. I’m having trouble figuring out how to do this given the different tables could have any number of rows?

      Additionally, they also have an expanding button in each row which clicks open to display ā€˜more info’ buttons:

      <q-btn size=ā€œsmā€ color=ā€œpositiveā€ round dense @click=ā€œprops.expand = !props.expandā€ :icon=ā€œprops.expand ? ā€˜remove’ : ā€˜addā€™ā€ />

      I want the expanded rows beneath the item to stay white while the main rows are odd/even in colour:

      table.PNG

      Could someone please help with a solution? Thank you!

      posted in Help
      E
      effiestar