table rowspan 用法

<table rowspanborder="1">
    <tr>
        <th>AA1</th><th>BB1</th><th>CC1</th><th>DD1</th><th>EE1</th>
    </tr>
    <tr>
        <td rowspan="5">A1</td><td rowspan="2">B1</td><td>C1</td><td>D1</td><td>E1</td>
    </tr>
    <tr>
        <td>C2</td><td>D2</td><td>E2</td>
    </tr>
    <tr>
        <td rowspan="3">B2</td><td>C3</td><td>D3</td><td>E3</td>
    </tr>
    <tr>
        <td>C4</td><td>D4</td><td>E4</td>
    </tr>
    <tr>
        <td>C5</td><td>D5</td><td>E5</td>
    </tr>
    <tr>
        <td>A2</td><td>B3</td><td>C6</td><td>D6</td><td>E6</td>
    </tr>
</table>

 

 

<?php
$dataArray =array(
    'A1' => array(
        'B1' => array(
            'url'=> '#123',
            'beizhu' => 'C1',
        ),
        'B2' => array(
            'url'=> '#123',
            'beizhu' => 'C2',
        ),
        'B3' => array(
            'url'=> '#123',
            'beizhu' => 'C3',
        ),
    ),
    'A2' => array(
        'B4' => array(
            'url'=> '#123',
            'beizhu' => 'C4',
        ),
        'B5' => array(
            'url'=> '#123',
            'beizhu' => 'C5',
        ),
        'B6' => array(
            'url'=> '#123',
            'beizhu' => 'C6',
        ),
    ),
    'A3' => array(
        'B7' => array(
            'url'=> '#123',
            'beizhu' => 'C7',
        ),
    ),
);
echo '<table border="1" style="margin:auto;table-layout:fixed;font-size:16px;" cellspacing="0">';
echo '<tr><th  style="padding: 6px 10px;">';
echo 'AA1';
echo '</th><th>';
echo 'BB1';
echo '</th><th>';
echo 'CC1';
echo '</th><th>';
echo 'DD1';
echo '</th><th>';
echo 'EE1';
echo '</th></tr>';

foreach($dataArray as $key => $val){
    echo '<tr>';
    echo '<td rowspan="'.count($val).'" style="text-align: center;padding: 6px 10px;">'.$key;
    echo '</td>';
    foreach($val as $key => $val){
        echo '<td style="padding: 6px 10px;">';
        echo '<a href="'.$val['url'].'" target="_blank" title="'.$key.'">'.$key.'</a>';
        echo '</td>';
        echo '<td style="padding: 6px 10px;">';
        echo $val['beizhu'];
        echo '</td><td style="padding: 6px 10px;">D</td><td style="padding: 6px 10px;">E</td></tr><tr>';
    }
}
echo '</table>';

?>

 

posted @ 2023-08-04 20:43  钢锅  阅读(127)  评论(0编辑  收藏  举报