jquery dataTables - 按范围排序

Question

我有这个工作示例来排序包括列排序的表。

$(document).ready(function() {
    // Setup - add a text input to each footer cell
    $('#searchresults thead tr').clone(true).appendTo( '#searchresults thead' );
    $('#searchresults thead tr:eq(1) th').each( function (i) {
        var title = $(this).text();
        // how to create 2 input fields to filter a range (e.g. filter rows where price ranges from 5 to 20)
        if (title == 'price') {
            // how can I do this ?
        }
        $(this).html( '<input type="text" />' );
        $( 'input', this ).on( 'keyup change', function () {
            if ( table.column(i).search() !== this.value ) {
                table
                    .column(i)
                    .search( this.value )
                    .draw();
            }
        } );
    } );
    var table = $('#searchresults').DataTable( {
        orderCellsTop: true,
        fixedHeader: true
    });
});

我想知道如何通过范围对列进行排序。在我的示例中，我希望“price”列有2个输入字段（“from”和“to”），以便仅显示表中价格为例如的项目。 5到20之间。

Answer 1

另一答案