在仪表板中显示数字，每年从 1 开始

Question

I have a table that I wish to display in my .php file, as it will display every number of each row but when it comes to a brand new year, it will changes to begin at 1 once again.

.php file html code:

<table id="example">
      <thead>
             <tr>
             <th style="width: 40px">Year</th>
             <th style="width: 40px">Id</th>
             </tr>
     </thead>
<tbody>
<?php
include('include/config1.php');
$query = "SELECT * from table ORDER BY Id DESC";
$result = mysqli_query($db, $query);
while ($row = mysqli_fetch_assoc($result)) {
?>
<tr>
<td><?php
     if($row['status']!=3){ //display the year from the date according to status
       echo date("Y",strtotime($row['sdate'])); }
     else{
       echo date("Y",strtotime($row['ssdate']));
     } ?>
     //the years are the same for both columns in each row
</td>

<td>//The ID that auto starts from 1 every year with an increment of 1 to the newest (not the same as the unique id from the table </td>

<?php}?>
</tbody>
</table>

What kind of javascript functions I must implement to make this work?

NOTE: all the data inserted into the MySQL table will not be removed from the database, the status will only change to delete, that's all.

Answer 1

First of all, If you want your records to be sorted year after year, you also have to sort by the date field!

"SELECT * from table ORDER BY sdate,Id DESC";

And secondly you will have to remember your previous year in a loop, and compare it to the current. If it is different, then reset your ID to 1

<?php
    include('include/config1.php');
    $query = "SELECT * from table ORDER BY sdate, Id DESC";
    $result = mysqli_query($db, $query);

    $currentYear = null;
    $data = [];
    while ($row = mysqli_fetch_assoc($result)) {
        $year = ($row['status'] == 3) ? date("Y", strtotime($row['ssdate'])) : date("Y", strtotime($row['sdate']));

        $data[$year][] = $row;                     
    }
?>

<table id="example">
<thead>
    <tr>
        <th style="width: 40px">Year</th>
        <th style="width: 40px">Id</th>
        <th style="width: 80px">Machine No</th>
        <th style="width: 80px">Project Name</th>
        <th style="width: 80px">PIC</th>
        <th style="width: 80px">Purpose of Service</th>
    </tr>
</thead>
<tbody>
<?php 
    foreach ($data as $year => $oneYear) {
        for ($i = count($oneYear); $i >= 1; $i--) {
?>
    <tr>
        <td><?= $year ?></td>
        <td><?= $i ?></td>
        <td><?= $oneYear[$i]['Machine_No']; ?></td>
        <td><?= $oneYear[$i]['projectName']; ?></td>
        <td><?= $oneYear[$i]['pic']; ?></td>
        <td><?= substr(str_replace('\r\n', "\r\n", $row['Purpose_of_Service']), 0, 50); ?></td>
    </tr>
<?php
        }
    }
?>
</tbody>
</table>

Answer 2

Based on @Dmitriy Gritsenko's Help I've managed to did it, but the problem is that the other data from the columns of the table couldn't be display

<table id="example" >
        <thead>
            <tr>
                <th style="width: 40px">Year</th>
                <th style="width: 40px">Id</th>
                <th style="width: 80px">Machine No</th>
                <th style="width: 80px">Project Name</th>
                <th style="width: 80px">PIC</th>
                <th style="width: 80px">Purpose of Service</th>
            </tr>
        </thead>

        <tbody>
            <?php

                include('include/config1.php');
                $query = "SELECT * from table ORDER BY sdate DESC, Id DESC";
                $result = mysqli_query($db, $query);

                $currentYear = null;
                $data = [];
                while ($row = mysqli_fetch_assoc($result)) {
                    $year = ($row['status'] == 3) ? date("Y", strtotime($row['ssdate'])) : date("Y", strtotime($row['sdate']));

                    $data[$year][] = $row;                     
                }
                foreach ($data as $year => $oneYear) {
                    for ($i = count($oneYear); $i >= 1; $i--) {
            ?>
            <tr>
                <td><?= $year ?></td>
                <td><?= $i ?></td>
                <td><?php echo $row['Machine_No']; ?></td>
                <td><?php echo $row['projectName']; ?></td>
                <td><?php echo $row['pic']; ?></td>

                <td><?php 
                   $row['Purpose_of_Service'] =substr( $row['Purpose_of_Service'],0,50);
                    echo (str_replace('\r\n', "\r\n", $row['Purpose_of_Service'])); 
                    ?>
                </td>

             <?php
                }}
            ?>
        </tbody>
</table>