How to improve visually a table

How to improve visually a table

[Alain Delmotte]

[-- Attachment #1.1: Type: text/html, Size: 986 bytes --]

[-- Attachment #1.2: table_1.png --]
[-- Type: image/png, Size: 18051 bytes --]

[-- Attachment #1.3: table_2.png --]
[-- Type: image/png, Size: 38061 bytes --]

[-- Attachment #2: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

Re: How to improve visually a table

[Wolfgang Schuster]

[-- Attachment #1.1: Type: text/plain, Size: 398 bytes --]

Alain Delmotte schrieb am 16.02.2021 um 19:23:
>
> Hi!
>
> I am progressing in the use of ConTeXt by applying it to some specific 
> projects.
>
> For two manuals I am preparing for myself I'd like to reproduce the 
> original work.
>
> What I'd like to have:
>
> nice table
>
> What I have so far:
>
> present state
>
> How to obtain the first?
>

Can you show your code for the table.

Wolfgang


[-- Attachment #1.2.1: Type: text/html, Size: 1306 bytes --]

[-- Attachment #1.2.2: image.png --]
[-- Type: image/png, Size: 16426 bytes --]

[-- Attachment #1.2.3: image.png --]
[-- Type: image/png, Size: 45704 bytes --]

[-- Attachment #2: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

Re: How to improve visually a table

[Wolfgang Schuster]

[-- Attachment #1.1: Type: text/plain, Size: 1666 bytes --]

Alain Delmotte schrieb am 16.02.2021 um 21:00:
> Le 16/02/2021 à 20:02, Wolfgang Schuster a écrit :
>> Alain Delmotte schrieb am 16.02.2021 um 19:23:
>>>
>>> Hi!
>>>
>>> I am progressing in the use of ConTeXt by applying it to some 
>>> specific projects.
>>>
>>> For two manuals I am preparing for myself I'd like to reproduce the 
>>> original work.
>>>
>>> What I'd like to have:
>>>
>>> nice table
>>>
>>> What I have so far:
>>>
>>> present state
>>>
>>> How to obtain the first?
>>>
>>
>> Can you show your code for the table.
>>
>> Wolfgang
>>
> Here it is, but I did it to have a sufficiently good table, as I 
> didn't know how to recreate the original.
>
> \placetable[none,here]{}{
>
> \starttabulate[|i1Slw(20mm)|i1Slp(20mm)|i1lp(7cm)|]
>
> \DB espéranto \NC {\bf exemple} \NC {\bf équivalent en français}\NR\TB
>
> \NC {\bs g} \NC {\bs g}azeto, {\bs g}itaro \NC toujours comme le g de 
> gare (jamais comme le j) \NR\HL
>
> \NC {\bs c} \NC la{\bs c}a \NC ts, comme dans tsé-tsé \NR\HL
>
> \NC {\bs j} \NC {\bs j}es \NC comme le y de yoga ou le ia de piano ou 
> le ill de pareil, œil, fouille \NR\HL
>
> \NC {\bs s} \NC ta{\bs s}o \NC toujours ss comme dans tasse (jamais 
> comme un z) \NR\HL
>
> \NC {\bs h} \NC {\bs h}a lo \NC la combinaison ha se prononce comme 
> quand on rit : ha !, ha !, ha ! Pareil pour ho : ho !,ho !,ho ! et hi 
> : hi !,hi !, hi ! \NR\HL
>
> \stoptabulate
>
>
> Thanks for your answer,
>

You achieve better results with natural tables where each cell is a 
\framed block where you have options to add backgrounds colors, rounded 
corners and custom border colors.

Look at the attachment for a example.

Wolfgang


[-- Attachment #1.2.1: Type: text/html, Size: 4332 bytes --]

[-- Attachment #1.2.2: image.png --]
[-- Type: image/png, Size: 16426 bytes --]

[-- Attachment #1.2.3: image.png --]
[-- Type: image/png, Size: 45704 bytes --]

[-- Attachment #2: table.tex --]
[-- Type: text/plain, Size: 1627 bytes --]

\setupbodyfont[dejavu,10pt,ss]

\starttext

\definecolor [tableheader] [x=00ADEF]

\startsetups[tablesettings]
    \setupTABLE[start][framecolor=gray,loffset=.5ex,roffset=.5ex]
   %\setupTABLE[header][background=color,backgroundcolor=tableheader,foregroundcolor=white]
   %\setupTABLE[header][1][corner=08]
   %\setupTABLE[header][3][corner=05]
    \setupTABLE[row][first][background=color,backgroundcolor=tableheader,foregroundcolor=white]
    \setupTABLE[first][first][corner=08]
    \setupTABLE[last][first][corner=05]
    \setupTABLE[first][last][corner=07]
    \setupTABLE[last][last][corner=06]
    \setupTABLE[column][last][style={\setcharacterspacing[frenchpunctuation]}]
\stopsetups

\bTABLE[setups=tablesettings]
%\bTABLEhead
\bTR
    \bTH espéranto \eTH
    \bTH exemple \eTH
    \bTH équivalent en français \eTH
\eTR
%\eTABLEhead
%\bTABLEbody
\bTR
    \bTD {\bs g} \eTD
    \bTD {\bs g}azeto, {\bs g}itaro \eTD
    \bTD toujours comme le g de gare (jamais comme le j) \eTD
\eTR
\bTR
    \bTD {\bs c} \eTD
    \bTD la{\bs c}a \eTD
    \bTD ts, comme dans tsé-tsé \eTD
\eTR
\bTR
    \bTD {\bs j} \eTD
    \bTD {\bs j}es \eTD
    \bTD comme le y de yoga ou le ia de piano ou le ill de pareil, œil, fouille \eTD
\eTR
\bTR
    \bTD {\bs s} \eTD
    \bTD ta{\bs s}o \eTD
    \bTD toujours ss comme dans tasse (jamais comme un z) \eTD
\eTR
\bTR
    \bTD {\bs h} \eTD
    \bTD {\bs h}a lo \eTD
    \bTD la combinaison ha se prononce comme quand on rit: ha!, ha!, ha! Pareil pour ho: ho!, ho!, ho! et hi: hi!, hi!, hi! \eTD
\eTR
%\eTABLEbody
\eTABLE

\stoptext

[-- Attachment #3: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________

Re: How to improve visually a table

[Alain Delmotte]

[-- Attachment #1.1: Type: text/html, Size: 5565 bytes --]

[-- Attachment #1.2: image.png --]
[-- Type: image/png, Size: 16426 bytes --]

[-- Attachment #1.3: image.png --]
[-- Type: image/png, Size: 45704 bytes --]

[-- Attachment #2: Type: text/plain, Size: 493 bytes --]

___________________________________________________________________________________
If your question is of interest to others as well, please add an entry to the Wiki!

maillist : ntg-context@ntg.nl / http://www.ntg.nl/mailman/listinfo/ntg-context
webpage  : http://www.pragma-ade.nl / http://context.aanhet.net
archive  : https://bitbucket.org/phg/context-mirror/commits/
wiki     : http://contextgarden.net
___________________________________________________________________________________