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

    How to set width and height to text fields inside table

    Framework
    2
    2
    115
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      coco_jambo last edited by

      Is there any way that I can set height of text fields inside table?
      I added dense to table and fields as well, but it’s still too big.

      Thanks in advance.

      ![alt text](Screenshot_1.png image url)

      here is my code:

      <q-table
      	      	title="Investicije i dinamika ulaganja"
      	      	:data="myrecords"
      	      	:columns="columns"
      	      	row-key="name"
          	  	dense
      	      	hide-bottom
      	      	hide-header
      	      	separator="cell"
      		    virtual-scroll
      	        :pagination.sync="pagination"
      	        :rows-per-page-options="[0]"
              >
        		<template v-slot:body="props">
                <q-tr :props="props">
                	<q-td v-for="(col,index) in props.cols" :key="col.name" :props="props" >
                		<q-input
            		      	v-model.number="model"
            		      	type="text"
            		      	:dense="hasData"
            		      	filled
            		      	style="max-width: 200px"
            		      	v-if="index > 0"
            		    />
            		    <span v-else>{{ props.row.name }}</span>
                	</q-td>
                </q-tr>
              </template>
      
      metalsadman 1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman @coco_jambo last edited by

        @coco_jambo wrap it in a div.

        1 Reply Last reply Reply Quote 0
        • First post
          Last post