сортировка опций начальной загрузки - PullRequest
Новая
       14

сортировка опций начальной загрузки

0 голосов
/ 15 мая 2019

Использование таблицы Boostrap от whenzhixin с расширением control-filter. http://bootstrap -table.wenzhixin.net.cn / расширения / # настольный фильтр-контроль

Я бы хотел, чтобы отображаемые опции выбора сортировались в числовом порядке.

Код доступен по адресу: https://jsfiddle.net/yd75psoc/4

<script type="text/javascript" src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.js"></script>

<script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script>
<script src="https://unpkg.com/bootstrap-table@1.14.2/dist/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>

<table
    id="table"
    data-filter-control="true"
    data-filter-show-clear="true">
    <thead>
        <tr>
            <th data-field="id">ID</th>
            <th data-field="name">Item Name</th>
            <th data-field="price" data-filter-control="select">Item Price</th>
        </tr>
    </thead>
</table>

<script>
    var $table = $('#table')

    $(function() {
        var data = [
            {
                'id': 0,
                'name': 'Item 0',
                'price': '$10'
            },
            {
                'id': 1,
                'name': 'Item 1',
                'price': '$1'
            },
            {
                'id': 2,
                'name': 'Item 2',
                'price': '$2'
            }
        ]
        $table.bootstrapTable({data: data})
    })
</script>

Вы увидите, что параметры отображаются в следующем порядке: 1, 10, 2. текущее поведение

Мне нужно, чтобы эти значения отображались в числовом порядке: 1, 2, 10.

1 Ответ

0 голосов
/ 19 мая 2019

Это ошибка в версии filter-control, которую вы используете.

Я отредактировал ваш код, и он работает с версией filter-control, которую я использую.

отредактированная скрипка: https://jsfiddle.net/eitanmg/0y3tp4n7/1/

версия с фильтром, которую я использую (и которая решает вашу проблему):

https://raw.githubusercontent.com/eitanmg/bootstrap-table-filter-control/master/bootstrap-table-filter-control.js

просто замените эту библиотеку своей, и все будет в порядке.

...