Тривиальная 'Bootstrap Table' (вставленная из документов) не сортируется

См. Обработанную страницу по адресу http://pub.admc.com/tmp/trivial.html. . Вы можете видеть, что я получаю jQuery, Bootstrap и Bootstrap из CDN, каждый из которых указан в соответствующей документации по продукту.

Кажется, что все 3 продукта загружаются успешно. Если я перейду на загрузку данных таблицы из JSON, то JSON успешно заполнит скелет таблицы, но его все равно нельзя будет отсортировать. Консоль Chrome JavaScript работает на 100% чисто.

Согласно справочной таблице документов (есть только виды документов для Bootstrap Table :( ), таблицы с таблицами начальной загрузки должны быть по умолчанию сортируемыми.Тем не менее, я добавил атрибут data-sortable = true, но это не имеет никакого эффекта.

<!DOCTYPE html>
<html lang="en">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bootstrap Table samples</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<body>
<table data-toggle="table">
    <thead>
        <tr>
            <th>Item ID</th>
            <th>Item Name</th>
            <th>Item Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Item 1</td>
            <td>$1</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Item 2</td>
            <td>$2</td>
        </tr>
    </tbody>
</table>
</body>
</html>

twitter-bootstrap html-table bootstrap-table jquery-ui-sortable
person Blaine    schedule 27.07.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я понял, что, хотя элемент таблицы по умолчанию имеет значение data-sortable=true, по умолчанию ничего нельзя отсортировать, поскольку все столбцы по умолчанию равны sortable=false.

Когда все остальное находится в состоянии по умолчанию, вы включаете сортировку столбец за столбцом, добавляя attr data-sortable=true к th элементам.

person Blaine    schedule 27.07.2016