table-responsive 如何 对 数值字段 排序

"table-responsive"通常用于响应式设计，使得表格能够适应不同屏幕尺寸。对于数值字段排序，它本身并不是一个CSS类，而是HTML和JavaScript配合使用的情况。

在Bootstrap的`<table>`标签中，如果想要实现响应式的表格并且对数值字段进行排序，你需要结合`data-sortable`或者其他第三方库如jQuery DataTables或Handsontable等。例如，使用DataTable，你可以这样操作：

<table class="table table-striped table-responsive" id="myTable">
    <thead>
        <tr>
            <th data-orderable="true">数值字段1</th>
            <th data-orderable="true">数值字段2</th>
        </tr>
    </thead>
    <tbody>
        <!-- 表格数据 -->
    </tbody>
</table>

<script>
$(document).ready(function() {
    $('#myTable').DataTable({
        responsive: true,
        order: [[0, 'asc']] // 初始排序为数值字段1升序
    });
});
</script>

在这个例子中，`data-orderable="true"`告诉DataTables这个列可以排序，`order`选项设置了初始排序规则。用户可以根据需要点击表头进行升序或降序排列。