HTML表格

时间:2017-01-11 05:16:34

标签: php html sql grid html-table

需要一些帮助。 我正在创建一个带有网格/边框的表格视图。 但是,虽然我在标签中包含了样式='',但仍然看不到某些边框。 如果我告诉我只看到表格标签中包含的表格边框,那就好多了。

请参阅附件中的格式。

enter image description here

顺便说一句,我通过PHP脚本获取数据库中的记录。 这是我的代码:

$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;

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:1)

好吧,我认为你实际问的是为什么整个网格都没有“边界化”。您可以使用CSS来实现比内联样式更清晰的功能。您需要为TD设置样式。

代码:     

    
    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;
    }
    
    

如果你在CSS中使用它,你可以删除你已经拥有的所有内联样式,这段代码将解决所有问题。

答案 1 :(得分:0)

您可以使用此工具创建表格。但我建议你自己做。您应该包含您的代码,我们可以帮助您解决问题。

工具:http://divtable.com/generator/