Question

请参阅http://pub.admc.com/tmp/trivial.html处的呈现页面。您可以看到我从CDN获取jQuery，Bootstrap和Bootstrap，每个都按照相应的产品文档中的说明进行操作。

似乎所有3种产品都成功加载。如果我更改为从JSON加载表数据，那么JSON会成功填充表框架，但它仍然无法排序。 Chrome JavaScript控制台100％干净运行。

根据doc reference table（只有Bootstrap Table :(）的文档类型，默认情况下bootstrap-tablified表应该是可排序的。但是我添加了属性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>

Answer 1

我发现尽管table元素默认为data-sortable=true，但默认情况下不会对任何内容进行排序，因为所有列都默认为sortable=false。

如果其他所有内容都处于默认状态，则可以通过将attr data-sortable=true添加到th元素来逐列进行排序。

琐碎的＆＃39; Bootstrap表＆＃39; （从文档粘贴）不可排序

1 个答案: