javascript - 如何在标题数据表上方添加一行？

Question

我想用数据表和 DOTNET MVC 创建一个表。如何在标题上方创建一行，其中包含每列的每个选择标记，以便过滤数据？它看起来像下面的图片

 <table id="orderTable" class="table table-bordered table-hover">
                            <thead>
                            <tr>
                                <th style="width: 10px">#</th>
                                <th>Customer </th>
                                <th>Order date</th>
                                <th>Phone Number</th>
                                <th>Dish</th>
                                <th>Delivery Address</th>
                                <th>Message</th>

                            </tr>
                            </thead>
                            <tbody>
                            @foreach (var order in Model.Orders)
                            {
                                <tr>
                                    <td>@order.OrderId</td>
                                    <td>@order.CustomerName</td>
                                    <td>@order.OrderDate</td>
                                    <td>@order.PhoneNumber</td>
                                    <td>@order.Dish</td>
                                    <td>@order.DeliveryAddress</td>
                                    <td>@order.Message</td>
                                </tr>
                            }

                            </tbody>


                        </table>

---

标签： javascriptdatatables