PHP таблица в развале - PullRequest
Новая
       20

PHP таблица в развале

0 голосов
/ 11 декабря 2018

У меня проблемы со свертыванием следующей строки в таблице.Мой код работает только для первой строки таблицы, где бы я ни нажимал кнопку свертывания.

clicked first row

clicked 4th row. still the collapse happen at first row

Код: 

<table id="yourEvent" class="table table-hover">
                    <thead>  
                            <tr>    
                                <td style="text-align: center" width="20px"><strong>No.</strong></td>
                                <td><strong>Attendee Name</strong></td> 
                            </tr>  
                    </thead>
                        <?php while($row = mysqli_fetch_array($resultAttendeeList))
                        { ?>
                        <tbody>
                            <tr>
                                <td class="counterCell"  style="text-align: center" width="20px"></td>

                                <td><button type="button" class="btn btn-xs bg-maroon" style="width: 20px" data-toggle="collapse" data-target="#divCol"><i class="fa fa-plus"></i></button>&emsp;<?php echo $row['fullname'];?>

                                    <div class="collapse" id="divCol">
                                        <table>
                                            <tr>
                                                <td>Address: <?php echo $row['address']; ?></td>
                                            </tr>
                                            <tr>
                                                <td>Contact: 0<?php echo $row['contact']; ?></td>
                                            </tr>
                                        </table>
                                    </div>

                                </td>

                            </tr>
                        <?php } ?>  
                        </tbody>  

                  </table>

Ответы [ 2 ]

0 голосов
/ 11 декабря 2018

Пожалуйста, попробуйте это полный код.Пожалуйста, дайте динамический идентификатор.убедитесь, что при обработке любой операции jquery / javascript divid всегда должен быть уникальным.В противном случае событие не будет привязано ко всем элементам. 

<?php
$servername = "host";
$username = "user";
$password = "pass";

// Create connection
$conn = mysqli_connect($servername, $username, $password, 'testdb');

// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}
$sql = "SELECT * FROM table ORDER BY ID limit 5";
$result = mysqli_query($conn, $sql);

// Numeric array
//$row = mysqli_fetch_array($result);
?>
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <table id="yourEvent" class="table table-hover">
            <thead>  
                <tr>    
                    <td style="text-align: center" width="20px"><strong>No.</strong></td>
                    <td><strong>Attendee Name</strong></td> 
                </tr>  
            </thead>
            <tbody>
                <?php
                $j = 1;
                while ($row = mysqli_fetch_array($result)) {
                    ?>                
                    <tr>
                        <td class="counterCell"  style="text-align: center" width="20px"><?php echo $j; ?></td>

                        <td>
                            <button type="button" class="btn btn-xs bg-maroon" style="width: 20px" data-toggle="collapse" data-target="#divCol_<?php echo $j; ?>">
                                <i class="fa fa-plus"></i>
                            </button>&emsp;<?php echo $row['EMP_FULLNAME']; ?>

                            <div class="collapse" id="divCol_<?php echo $j; ?>">
                                <table>
                                    <tr>
                                        <td>Address: <?php echo $row['EMP_ADDRESS']; ?></td>
                                    </tr>
                                    <tr>
                                        <td>Contact: 0<?php echo $row['EMP_MOBILE']; ?></td>
                                    </tr>
                                </table>
                            </div>

                        </td>

                    </tr>
                    <?php
                    $j++;
                }
                ?>  
            </tbody>  

        </table>
    </body>
</html>
0 голосов
/ 11 декабря 2018

Вы используете один и тот же идентификатор для нескольких делений в цикле.Вы можете создать инкрементную переменную int и объединить ее в своих идентификаторах div.

попробуйте этот код: добавлено $ctr приращение переменной через цикл.Кроме того, вы должны начать цикл после тега <tbody>. 

        <tbody> 
    <?php $ctr=1; 
while($row = mysqli_fetch_array($resultAttendeeList))
                                {    ?>
                                    <tr>
                                        <td class="counterCell"  style="text-align: center" width="20px"></td>

                                        <td><button type="button" class="btn btn-xs bg-maroon" style="width: 20px" data-toggle="collapse" data-target="#divCol_<?=$ctr?>"><i class="fa fa-plus"></i></button>&emsp;<?php echo $row['fullname'];?>

                                            <div class="collapse" id="divCol_<?=$ctr?>">
                                                <table>
                                                    <tr>
                                                        <td>Address: <?php echo $row['address']; ?></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Contact: 0<?php echo $row['contact']; ?></td>
                                                    </tr>
                                                </table>
                                            </div>

                                        </td>

                                    </tr>
                                <?php  $ctr=$ctr+1; } ?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...