如何隐藏 table 行？

Question

我正在尝试隐藏 user_id 的 table 行。我只想在 table 中显示全名、用户名和操作。我试图删除用户 ID 行的代码，但它影响了其他功能，如编辑和删除。

代码如下：

<form method="post" id="editForm"> 
    <table class="table">
        <tbody>
        <tr>
                <th scope="col">USER ID</th>
                <th scope="col">FULL NAME</th>
                <th scope="col">USER NAME</th>
                <th scope="col">ACTIONS</th>
        </tr>
        
        <?php $a = 0?>

        <?php while ($row = mysqli_fetch_array($res)) { 

            echo "<tr id=".$a++.">
                <th scope='row' class='row-data'>".$row['user_id']."</th>
                <td class='row-data'>".$row['full_name']."</td>
                <td class='row-data'>".$row['user_name']."</td>
                <td><input type='button' 
                        value='EDIT'
                           onclick='editUser()'' /></td>
                <td><input type='button' 
                         value='DELETE' 
                   onclick='deleteUser()' /></td>
            </tr>
        
        </tbody>";
       }; ?>

Answer 1

您可以将此列的显示样式设置为 'none'，而不是删除该列

（添加 style="display:none;"）

因此 (1) 改变

<th scope="col">USER ID</th>

到

<th scope="col" style="display:none;">USER ID</th>

和 (2) 改变

<th scope='row' class='row-data'>".$row['user_id']."</th>

到

<th scope='row' class='row-data' style="display:none;">".$row['user_id']."</th>

Answer 2

您可以尝试修改 editUser() 和 deleteUser() Javascript 方法以接受 userId 参数。它可能还会清理 JS 端的一些代码。虽然只是一个建议。该片段可能看起来像这样：

<form method="post" id="editForm"> 
    <table class="table">
        <tbody>
        <tr>
                <th scope="col">FULL NAME</th>
                <th scope="col">USER NAME</th>
                <th scope="col">ACTIONS</th>
        </tr>
        
        <?php $a = 0?>

        <?php while ($row = mysqli_fetch_array($res)) { 

            echo "<tr id='".$a++."'>
                <td class='row-data'>".$row['full_name']."</td>
                <td class='row-data'>".$row['user_name']."</td>
                <td><input type='button' 
                        value='EDIT'
                           onclick='editUser(".$row['user_id'].")'' /></td>
                <td><input type='button' 
                         value='DELETE' 
                   onclick='deleteUser(".$row['user_id'].")' /></td>
            </tr>
        
        </tbody>";
       }; ?>

否则您可以使用 Ken 的解决方案，它可能适用于您现有的代码。

如何隐藏 table 行？

How to hide table row?

html

php

mysql

rows