search

scieloorg / opac

SciELO - On-line Public Access Catalog - OPAC
BSD 2-Clause "Simplified" License
9 stars 22 forks source link

Melhorar apresentação de tabelas em geral #515

Closed robertatakenaka closed 7 years ago

robertatakenaka commented 7 years ago

Fazer um desenho genérico de forma que tanto tabelas com poucas colunas quanto com muitas colunas (#512) fiquem bem apresentadas .

captura de tela 2017-05-09 as 17 43 23

Notei que neste caso em especial o XML está informando que as colunas tem largura de 10%, então por conta disso, o HTML gerado ficou conforme a figura acima. De qualquer forma, a aparência geral das células da tabela dificulta a leitura. Talvez escolher uma fonte mais adequada.

(csp/v30n12/0102-311X-csp-30-12-02691.xml)

<table style="border-top: 1px solid black; border-bottom: 1px solid black; width: 70%" frame="hsides" rules="groups">
                        <colgroup>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                        </colgroup>
                        <thead style="border-bottom: 1px solid black">
                            <tr>
                                <th> 
 Variable</th>
                                <th> 
 Estimate</th>
                            </tr>
                            <tr>
                                <th> </th>
                                <th> </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td align="center">  
 Age in years: mean (SD)</td>
                                <td align="center">  
 73.1 (7.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Sex (female): n (%)</td>
                                <td align="center">  
 132 (73.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Years of education: mean (SD)</td>
                                <td align="center">  
 3.0 (2.9)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Married: n (%)</td>
                                <td align="center">  
 81 (45.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Mobility-TUG: mean (SD)</td>
                                <td align="center">  
 12.5 (9.2)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 BMI (kg/m<sup>2</sup>): mean (SD)</td>
                                <td align="center">  
 28.7 (5.4)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Two or more falls in the last 12 months: n (%)</td>
                                <td align="center">  
 42 (23.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Hearing loss: n (%)</td>
                                <td align="center">  
 81 (45.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Vision, Snellen scale (less than 0.5 for both eyes): n (%)</td>
                                <td align="center">  
 82 (46.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Strength below the reference value: n (%)</td>
                                <td align="center">  </td>
                            </tr>
                            <tr>
                                <td align="center">  
 Female</td>
                                <td align="center">  
 37 (28.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Male</td>
                                <td align="center">  
 20 (41.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Urinary incontinence: n (%)</td>
                                <td align="center">  
 40 (22.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 SPH: n (%)</td>
                                <td align="center">  </td>
                            </tr>
                            <tr>
                                <td align="center">  
 Good</td>
                                <td align="center">  
 100 (56.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Regular</td>
                                <td align="center">  
 60 (33.0)</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Bad</td>
                                <td align="center">  
 20 (11.0)</td>
                            </tr>
                        </tbody>
                    </table>
                    <table-wrap-foot>
                        <fn id="t01TFN01">
                            <p>BMI: body mass index; SD: standard deviation; SPH: self-perceived health; TUG: timed up and go.</p>
                        </fn>
                    </table-wrap-foot>
                </table-wrap>
            </p>
            <p>For the PT items, IRR was excellent (K &gt; 0.75). By contrast, for SAQ items IRR was intermediate (0.75 &gt; K &gt; 0.40), except for the fall-related item, in which IRR was good (<xref ref-type="table" rid="t02">Table 2</xref>).</p>
            <p>
                <table-wrap id="t02">
                    <label>Table 2</label>
                    <caption>
                        <title>Reliability of screening items (N = 165).</title>
                    </caption>
                    <table style="border-top: 1px solid black; border-bottom: 1px solid black; width: 70%" frame="hsides" rules="groups">
                        <colgroup>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                            <col width="10%"/>
                        </colgroup>
                        <thead style="border-bottom: 1px solid black">
                            <tr>
                                <th> 
 Variable</th>
                                <th> 
 ICC (95%CI)</th>
                                <th> 
 Kappa (95%CI)</th>
                                <th> 
 Weighted</th>
                                <th> 
 Simple</th>
                                <th> 
 Level of</th>
                            </tr>
                            <tr>
                                <th> </th>
                                <th> </th>
                                <th> </th>
                                <th> 
 kappa</th>
                                <th> 
 concordance (%)</th>
                                <th> 
 agreement</th>
                            </tr>
                            <tr>
                                <th> </th>
                                <th> </th>
                                <th> </th>
                                <th> </th>
                                <th> </th>
                                <th> </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td align="center">  
 Performance tests</td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                            </tr>
                            <tr>
                                <td align="center">  
 Strength</td>
                                <td align="center">  
 0.89 (0.85-0.92)</td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  
 Excellent</td>
                            </tr>
                            <tr>
                                <td align="center">  
 TUG</td>
                                <td align="center">  
 0.81 (0.68-0.88)</td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  
 Excellent</td>
                            </tr>
                            <tr>
                                <td align="center">  
 BMI</td>
                                <td align="center">  
 0.94 (0.92-0.96)</td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  
 Excellent</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Vision</td>
                                <td align="center">  
 0.87 (0.82-0.91)</td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  
 Excellent</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Questions</td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                                <td align="center">  </td>
                            </tr>
                            <tr>
                                <td align="center">  
 SPH</td>
                                <td align="center">  </td>
                                <td align="center">  
 0.48 (0.36-0.60)</td>
                                <td align="center">  
 0.54 (0.40-0.68)</td>
                                <td align="center">  
 71.0</td>
                                <td align="center">  
 Intermediate</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Falls</td>
                                <td align="center">  </td>
                                <td align="center">  
 0.60 (0.46-0.75)</td>
                                <td align="center">  </td>
                                <td align="center">  
 92.1</td>
                                <td align="center">  
 Good</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Urinary incontinence</td>
                                <td align="center">  </td>
                                <td align="center">  
 0.49 (0.34-0.65)</td>
                                <td align="center">  </td>
                                <td align="center">  
 81.2</td>
                                <td align="center">  
 Intermediate</td>
                            </tr>
                            <tr>
                                <td align="center">  
 Hearing loss</td>
                                <td align="center">  </td>
                                <td align="center">  
 0.54 (0.42-0.67)</td>
                                <td align="center">  </td>
                                <td align="center">  
 77.4</td>
                                <td align="center">  
 Intermediate</td>
                            </tr>
                        </tbody>
                    </table>
paratiuid commented 7 years ago

@robertatakenaka este item, conversamos em reunião. Isto que pede já foi feito, porém percebemos que a classe não foi incluída na tabela. O que acha melhor fazermos:

robertatakenaka commented 7 years ago

@caramez: entendi. Eu que não notei a classe na tabela. Mas uma pergunta: é possível que esta classe seja fora de table?

robertatakenaka commented 7 years ago

Resolvido com entrega 2017-06-08