Grelha da tabela HTML

Preciso de Ajuda. Estou a criar uma vista de mesa com grelha / borders. No entanto, algumas fronteiras não podem ser vistas, embora eu esteja incluindo em tags o estilo=". Muito melhor se eu disser que só vejo a fronteira da mesa que está incluída na etiqueta da mesa.

Por favor veja o ficheiro em anexo para o formato.

enter image description here

A propósito, estou a obter os registos na base de dados através do programa PHP. Aqui está o meu código: 

$result.="<br/><br/><br/>
        <table style='border:solid 1px;'>";
$result.="<thead style='border-bottom:thin solid'><th style='text-    align:center;border-style:solid 1px'>YC ".$store_name."</th></thead>
            <tr><td></td>
            <td colspan='3'>Service Time   </td>
        <td colspan='3'>Production Time</td>
        <!--<td colspan='3'>Customer Feedback</td>
        <td colspan='3'>Customer Feedback</td>
        <td colspan='3'>Customer Feedback</td>-->
        </tr>
        <tr></tr>
        <tr>
        <td></td>
        <td>TC Within<br>30 mins.</td>
        <td>Total<br>TC</td>
        <td><br/>%</td>
        <td>Within 15 <br/>mins.</td>
        <td>Total <br/>TC</td>
        <td><br/>%</td>

        </tr>
        <tr></tr>";
//get PartView
$query = "SELECT * FROM Part_view WHERE StoreID = ".$store_id." AND datepart(month,TransDate) = '".$month."' AND datepart(year,TransDate) = '".$year."' ORDER BY TransDate ASC ";
 $que = mssql_query($query);
    while($row=mssql_fetch_array($que)){
        $transdate =date('d',strtotime($row['TransDate']));
        $tc30 = $row['TC30'];
        $totaltc30 = $row['Total_TRX1'];
        $hitrate = round($row['Hitrate']);
        $pd15 = $row['PDT15'];
        $totalpd15 = $row['Total_TRX2'];
        $production = round($row['ProdTime']);
        $excellence = $row['Excellence'];
        $totalexcellence = $row['Total_TRX4'];
        $excellencepercent = round($row['ExcelPercent']);
        $good = $row['Good'];
        $totalgood = $row['Total_TRX5'];
        $goodpercent = round($row['GoodPercent']);
        $poor = $row['Poor'];
        $totalpoor = $row['Total_TRX6'];
        $poorpercent = round($row['PoorPercent']);
        if($hitrate==""){
            $hitrates = "";
        }else{
            $hitrates = $hitrate;
        }
            $result.="<tr>
                     <td>".$transdate."</td>
                     <td>".$tc30."</td>
                    <td>".$totaltc30."</td>
                    <td>".$hitrate."%&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                     <td>".$pd15."</td>
                    <td>".$totalpd15."</td>
                    <td>".$production."%&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>

        </tr>";
    }
    $result.="</table>";
    echo $result;
Alguém me pode ajudar?

Author: Brian Tompsett - 汤莱恩, 2017-01-11
Source

2 answers

Ok, eu acho que o que você está realmente perguntando é por que toda a grade não está sendo 'limitada'. Você pode usar CSS para realizar isso muito mais limpo do que estilos inline. Precisas de definir estilos para o TD.

Código: 

    
    table {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: separate;
    background-color: white;
    }
    table th {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: black;
    background-color: white;
    }
    table td {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: black;
    background-color: white;
    }

Se usar isto no seu CSS pode remover todo o estilo incorporado que já tem, este código irá corrigir tudo.

 1
Author: Trae Abell, 2017-01-11 06:20:29

Pode usar esta ferramenta para criar a tabela. Mas recomendo que faças isso sozinho. E devias incluir o teu código e podemos ajudar-te a corrigir isso.

Ferramenta: http://divtable.com/generator/

 0
Author: Nguyen Hoang, 2017-01-11 05:23:57