[Seaside] Setting table column widths

Esteban A. Maringolo emaringolo at gmail.com
Thu Sep 21 17:22:42 UTC 2017


The width of a table cell is deprecated in html5, you should define in
a column insidea  column group as follow:

  html table:
      [html tableColumnGroup:
          [html tableColumn width: 300.
          html tableColumn width: 100].
      html tableBody:
          [html tableRow:
              [html tableData: [html text: 'Large content'].
              html tableData: [html text: 'Small']]]].


The alternative, and suggested option is to use CSS to define the
width of the data. You could do it this way:

  html table:
      [html tableBody:
          [html tableRow:
              [(html tableData)
                style: 'width: 300px';
                with: [html text: 'Large content'].
              (html tableData)
                style: 'width: 100px';
                with: [html text: 'Small']]]]


Or could combine both and define the width by CSS in the tableColumn.

Regards,

Esteban A. Maringolo


2017-09-21 13:13 GMT-03:00 David Pennington <david at totallyobjects.com>:
> I am really lost in all of this. I know how to do this in HTML but I can't
> see how to do it using Seaside code. This is my code:
>
> makePage: html
>
> | tr |
>
> html table: [ html tableRow: [ html tableData: [self makeGallery: html].
>        html tableData: [self makeBlogReference: html]]] .
>
> This creates two columns. The first column contains three images so the
> width is set by the set width of each image. The second column comprises of
> text scraped from the blog of the artist and the text from there is
> determined by what he wrote and not by me. I really need to be able to fix
> the width of the BlogReference column so that it matches the width of the
> images column.
> The page can be seen here - http://www.brunswickfineart.com:8080/BFAHome
> David
>
> ________________________________
>
> Message sent using Winmail Mail Server
>
>
> _______________________________________________
> seaside mailing list
> seaside at lists.squeakfoundation.org
> http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
>


More information about the seaside mailing list