Thanks Alex,

Looks like "em" sets the minimum width. As I wanted, the column is set to
the size even if the content is smaller. However it expands to accommodate
the content. I could get the  desired effect with TextField with width but
I lose out on the alternating row colors :)
I added another class in @lib.css -*.**fixedWidth* *{**display*:
*inline-block*;*overflow*:*scroll*;*}* - and it does just what I want.

Regards,
Kashyap




Regards,
Kashyap

On Sat, Nov 2, 2019 at 12:23 AM Alexander Burger <a...@software-lab.de>
wrote:

> Hi Kashyap,
>
> > Can the width of the columns of the table inside a QueryChart be
> > controlled? I was thinking of getting the width fixed and not vary based
> on
> > the content.
>
> Yes, you can do this with CSS. Most GUI functions accept 'Attr' arguments,
> in
> this case it is the "Head" list in '<table>'.
>
> Instead of
>
>    (quote
>       (btn)
>       (align "#")
>       (NIL ,"Date")
>       (NIL ,"Customer")
>       (NIL ,"City")
>       (NIL ,"Supplier" "(1)")
>       (NIL ,"Item" "(1)")
>       (NIL ,"Supplier" "(2)")
>       (NIL ,"Item" "(2)") )
>
> you could write
>
>    (quote
>       (btn)
>       ("em7 align" "#")
>       ("em7" ,"Date")
>       ("em30" ,"Customer")
>       ("em30" ,"City")
>       ("em30" ,"Supplier" "(1)")
>       ("em20" ,"Item" "(1)")
>       ("em30" ,"Supplier" "(2)")
>       ("em20" ,"Item" "(2)") )
>
> See @lib.css for predefined styles. 'btn' is one of them. Note that you can
> combine styles as in "em7 align".
>
> ☺/ A!ex
>
> --
> UNSUBSCRIBE: mailto:picolisp@software-lab.de?subject=Unsubscribe
>

Reply via email to