Asp .Net Razor使用Bootstrap查看表默认排序顺序

时间:2017-05-30 07:20:39

标签: twitter-bootstrap razor asp.net-core-mvc

在asp.net-core控制器中,我按BirthDate属性对降序模型集合进行排序,并将其返回给视图。在调试准备好的订单时,但在显示视图表之前,将排序方向更改为再次升序。

是否可以通过在Razor视图中应用Bootstrap类来为表列设置默认排序顺序从升序到降序?

<table id="table" class="table table-striped table-bordered" style="width:100%">
            <thead>
                <tr>
                    <th>Birth date</th>
                    <th>Name</th>
                </tr>
            </thead>
            <tbody>
                @foreach (var person in Model)
                {
                    <tr>
                        <td>@person.BirthDate</td>
                        <td>@person.Name</td>

                    </tr>
                }
            </tbody>
        </table>

实现这一目标的最简单方法是什么?

1 个答案:

答案 0 :(得分:0)

我将一个放在单独的.js文件中的脚本附加到视图页面。

$(document).ready(function() {
    $('#table').DataTable( {
        "order": [[ 0, "desc" ]]
    } );
} );

有效; - )