显示/隐藏记录PHP MySQL

显示/隐藏记录PHP MySQL,php,mysql,button,hide,show,Php,Mysql,Button,Hide,Show,既然我找不到这方面的任何信息,我想我应该在这里寻求帮助 我正在处理一个表(PHP/MySQL),目前看起来如下: 我想做一个按钮,在那里我可以显示/隐藏整个列。假设我想隐藏“Manager”,我可以按下一个按钮,整个列都隐藏了 我是编程新手,我已经尝试过不同的代码,但我无法让它工作 if($result = mysqli_query($link, $sql)){ if(mysqli_num_rows($result) > 0){ echo "<table c

既然我找不到这方面的任何信息,我想我应该在这里寻求帮助

我正在处理一个表(PHP/MySQL),目前看起来如下:

我想做一个按钮,在那里我可以显示/隐藏整个列。假设我想隐藏“Manager”,我可以按下一个按钮,整个列都隐藏了

我是编程新手,我已经尝试过不同的代码,但我无法让它工作

if($result = mysqli_query($link, $sql)){
    if(mysqli_num_rows($result) > 0){
        echo "<table class='table table-bordered table-striped'>";
        echo "<thead>";
        echo "<tr>";
     ?>
        <th class="rotate2"><div><span>Naam</span></div></th>
        <th class="rotate2"><div><span>Functie</span></div></th>
        <th class="rotate2"><div><span>Afdeling</span></div></th>
        <th class="rotate2"><div><span>Contract</span></div></th>                      
        <th class="rotate2"><div><span>DID</span></div></th>
        <th class="rotate2"><div><span>DUD</span></div></th>
        <th class="rotate2"><div><span>Manager</span></div></th>
        <th class="rotate2"><div><span>Profiel</span></div></th>
 <?php 
   while($row = mysqli_fetch_array($result)){
        echo "<tr>";
        echo "<td>" . $row['naam'] . "</td>";
        echo "<td>" . $row['functie'] . "</td>";
        echo "<td>" . $row['afdeling'] . "</td>";
        echo "<td>" . $row['contract'] . "</td>";
        echo "<td>" . $row['DID'] . "</td>";
        echo "<td>" . $row['DUD'] . "</td>";
        echo "<td>" . $row['manager'] . "</td>";
        echo "<td>" . $row['profiel'] . "</td>";
if($result=mysqli\u查询($link,$sql)){
如果(mysqli_num_行($result)>0){
回声“;
回声“;
回声“;
?>
纳姆
职能
阿弗德林
合同
做
哑弹
经理
Profiel

您需要清理Php代码,如下所示:-

<table class='table table-bordered table-striped'>
    <thead>
        <tr>
            <th class="rotate2"><div><span>Naam</span></div></th>
            <th class="rotate2"><div><span>Functie</span></div></th>
            <th class="rotate2"><div><span>Afdeling</span></div></th>
            <th class="rotate2"><div><span>Contract</span></div></th>                      
            <th class="rotate2"><div><span>DID</span></div></th>
            <th class="rotate2"><div><span>DUD</span></div></th>
            <th class="rotate2"><div><span>Manager</span><br><button class="show">Show</button><button class="hide">Hide</button></div></th>
            <th class="rotate2"><div><span>Profiel</span></div></th>
            <th class="rotate2"><div><span>Action</span></div></th>
        </tr>
    </thead>
    <tbody>
        <?php 
            if($result = mysqli_query($link, $sql)){
                if(mysqli_num_rows($result) > 0){
                    while($row = mysqli_fetch_array($result)){
                        echo "<tr>";
                        echo "<td>" . $row['naam'] . "</td>";
                        echo "<td>" . $row['functie'] . "</td>";
                        echo "<td>" . $row['afdeling'] . "</td>";
                        echo "<td>" . $row['contract'] . "</td>";
                        echo "<td>" . $row['DID'] . "</td>";
                        echo "<td>" . $row['DUD'] . "</td>";
                        echo "<td>" . $row['manager'] . "</td>";
                        echo "<td>" . $row['profiel'] . "</td>";
                        echo "</tr>";
                    }
                }
            }
        ?>
    </tbody>
</table>

纳姆
职能
阿弗德林
合同
做
哑弹
经理
显示隐藏 Profiel A. A1 A2 A3 A4 A5 A6 A7 B 地下一层 地下二层 地下三层 B4 B5 B6 B7 C C1 C2 C3 补体第四成份 碳五 C6 C7
您可以使用javascript/JQuery。将一列的所有标记赋予相同的唯一类,并将它们一起显示/隐藏。为此,请使用
JQuery
好的,谢谢,我会尝试一下,您也可以使用老式的方法:重新加载页面,不呈现您不想要的列。这样,您就可以在PHP中完成所有操作,而不需要需要学习JQuery,一开始可能有点困难。谢谢你的回答,但我的意思是垂直隐藏列。就像隐藏列“Manager”一样,我是将JQuery添加到同一个文件中?还是添加到另一个文件中?@Tim你可以添加到同一个文件中非常感谢,但是你能告诉我将JQuery代码放在哪里吗?JQuery库可以添加到标题中。代码可以放在单独的文件中,然后通过
将该文件插入到您的
php
文件中。如果只使用一次此代码,那么您最后可以直接在php文件中添加脚本代码。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('.show').hide();
  $('.hide').on('click',function(){
    $('tr').find('td:eq('+$(this).closest('th').index()+')').css('visibility','hidden');
    $(this).closest('th').find('.show').show();
    $(this).hide();
  });
  $('.show').on('click',function(){
   $('tr').find('td:eq('+$(this).closest('th').index()+')').css('visibility','visible');
    $(this).closest('th').find('.hide').show();
    $(this).hide();
  });
});
</script>