如何为从PHP数组获取的表制作滚动视图

时间:2019-05-04 13:55:57

标签: php html html-table

我有这个多维数组$array2,它显示如下 (这只是数组的一部分,它包含1000多个元素)

Array
(
    [0] => Array
        (
            [0] => M2TYEE
            [1] => Jean
            [2] => Harvey
            [3] => London
            [4] => 0314686334
        )

    [1] => Array
        (
            [0] => E26YBE
            [1] => Tom
            [2] => Cruise
            [3] => New York
            [4] => 0635625735     
        )
    [2] => Array
        (
            [0] => M2FY3E
            [1] => Jane
            [2] => Harvey
            [3] => Berlin
            [4] => 0314346334
        )

    [3] => Array
        (
            [0] => Q53YBE
            [1] => Tom
            [2] => Howland
            [3] => New York
            [4] => 0635625735     
        )
)
(This is just part of the array, it contains over 1000 elements)

我设法使用代码从表中创建了一个表

<?php
$arr = array_merge([ 0 => ['ID','FIRST NAME','LAST NAME','CITY','PHONE']],$array);
$html = '<table border="1">';
foreach($arr as $row){
  $html .= '<tr>';
  foreach($row as $column){
    $html .= '<td>'.$column.'</td>';
  }
  $html .= '</tr>'; 
}
$html .= '</table>';
echo $html;
?>

上面的代码显示所有表记录,而我期望是一个滚动视图表,该表仅显示10条记录/行。

1 个答案:

答案 0 :(得分:1)

您需要使用DIV并将table放在div中,例如:

<div style="height:100px;overflow:scroll;"> <!-- inline-css -->
 <?php echo $html;?>
</div>

OR

您可以在CSS中创建一个类

.overflow-div{
  height:100px;
  overflow:scroll;
}

在div中使用此类

<div class="overflow-div">
 <?php echo $html;?>
</div>

您可以随意放置height