响应表。不同的按钮按下导致表数量不同

Question

我正在开发一个网页。我将要按下一些按钮（例如按钮A，按钮B，按钮B等）。每个按钮将运行不同的php脚本。我将在每个按钮下使用不同数量的项目（设备）。 示例：按钮A-4个设备。 按钮B-7个设备。 按钮C-10个设备。 当我按下任何按钮时，应该从数据库中获取数据并显示在表格中。因此，Button A按下应提供4个表格，说明4个设备的信息。按钮B：7个表等。问题是根据屏幕大小平均分配表空间。我要他们彼此。如何均匀地隔开它们？

//This code is for Button A.

      $conn= mysqli_connect( $dbhost, $dbuser, $dbpass, $db ) or die("Could not connect: " .mysqli_error($conn) );
      $sql = "SELECT ID FROM parameter WHERE Device='A' ";
      $result = $conn->query ($sql);
//a while loop to get all the ID with Device name A
      while($row = $result ->fetch_assoc()){
      $varFn= (int) $row['ID'];
      displayDataDevice($varFn);
      }

//and my displayDataDevice function is something like

    $conn= mysqli_connect( $dbhost, $dbuser, $dbpass, $db ) or die("Could not connect: " .mysqli_error($conn) );
    $sql = "SELECT Version, Price, Date, ID,Name FROM data WHERE ID='$idVar' 
   ORDER BY Date  DESC LIMIT 1";
    $result = $conn->query ($sql);

    if($result ->num_rows>0){
      echo '<table >';
      while($row = $result ->fetch_assoc()){  

        echo '<tr><th>Version</th>';
        echo '<td >' . $row['Version']. '</td></tr>';


        echo '<tr><th>Price</th>';
        echo '<td >' . $row['Price']. '</td></tr>';
      }

      echo "</table>";
      mysqli_free_result($result);
    }else {echo "no result";
    }