Home > Backend Development > PHP Tutorial > PHP development: How to implement data table sorting function

PHP development: How to implement data table sorting function

WBOY
Release: 2023-09-20 15:44:01
Original
840 people have browsed it

PHP development: How to implement data table sorting function

PHP development: How to implement the data table sorting function requires specific code examples

In Web development, data tables are a very common way to display data. For data tables, sorting function is an essential requirement. In PHP development, we can implement the data table sorting function through the following steps.

  1. Data preparation

First, we need to prepare a set of data to be sorted. Assume that this set of data is stored in a two-dimensional array, and each element contains multiple fields, such as name, age, gender, etc. For the convenience of demonstration, we create an array containing 10 elements here, each element contains two fields, namely name and age.

$data = array(
    array('name' => '张三', 'age' => 20),
    array('name' => '李四', 'age' => 25),
    array('name' => '王五', 'age' => 18),
    array('name' => '赵六', 'age' => 28),
    array('name' => '钱七', 'age' => 22),
    array('name' => '孙八', 'age' => 30),
    array('name' => '周九', 'age' => 24),
    array('name' => '吴十', 'age' => 29),
    array('name' => '郑十一', 'age' => 26),
    array('name' => '秦十二', 'age' => 21)
);
Copy after login
  1. Page display

Next, we need to display the data table on the page and provide a sorting function. We can use HTML and CSS to create a simple data table and populate the data into the table through PHP.

<table>
    <thead>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($data as $item): ?>
            <tr>
                <td><?php echo $item['name']; ?></td>
                <td><?php echo $item['age']; ?></td>
            </tr>
        <?php endforeach; ?>
    </tbody>
</table>
Copy after login
  1. Sort implementation

In order to implement the sorting function, we can trigger the sorting action by clicking on the table header. When the user clicks on a table header, we can pass the sorted field and sorting method to the server side, and perform the corresponding sorting operation on the server side.

<table>
    <thead>
        <tr>
            <th><a href="?sort=name&order=<?php echo $order == 'asc' ? 'desc' : 'asc'; ?>">姓名</a></th>
            <th><a href="?sort=age&order=<?php echo $order == 'asc' ? 'desc' : 'asc'; ?>">年龄</a></th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($data as $item): ?>
            <tr>
                <td><?php echo $item['name']; ?></td>
                <td><?php echo $item['age']; ?></td>
            </tr>
        <?php endforeach; ?>
    </tbody>
</table>
Copy after login
Copy after login

On the server side, we can use some of PHP's built-in functions to implement sorting. First, we rearrange the data based on the sort field and sort method passed by the user.

$sort = $_GET['sort'] ?? 'name'; // 默认按照姓名排序
$order = $_GET['order'] ?? 'asc'; // 默认按照升序排序

usort($data, function ($a, $b) use ($sort, $order) {
    if ($order == 'asc') {
        return $a[$sort] <=> $b[$sort];
    } else {
        return $b[$sort] <=> $a[$sort];
    }
});
Copy after login

Then, we fill the sorted data into the table to complete the sorted display.

<table>
    <thead>
        <tr>
            <th><a href="?sort=name&order=<?php echo $order == 'asc' ? 'desc' : 'asc'; ?>">姓名</a></th>
            <th><a href="?sort=age&order=<?php echo $order == 'asc' ? 'desc' : 'asc'; ?>">年龄</a></th>
        </tr>
    </thead>
    <tbody>
        <?php foreach ($data as $item): ?>
            <tr>
                <td><?php echo $item['name']; ?></td>
                <td><?php echo $item['age']; ?></td>
            </tr>
        <?php endforeach; ?>
    </tbody>
</table>
Copy after login
Copy after login

Through the above steps, we can implement the sorting function of the data table. Users can click on the table header to sort, and the server will rearrange the data according to the user's selection and display the sorted data on the page.

Summary

The data table sorting function is very common in Web development, and PHP provides some built-in functions to easily implement sorting operations. By passing the sorting field and sorting method to the server side, and performing corresponding sorting operations on the server side, we can implement a simple and powerful data table sorting function.

The article ends here. I hope it will be helpful to you in implementing the data table sorting function in PHP development.

The above is the detailed content of PHP development: How to implement data table sorting function. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template