Html 如何使用引导表对第一个表列中的元素进行分组

我希望有一个带有引导表的表，其中第一列总是先排序，以便对相同的值进行分组

示例

假设它现在按“类”排序，那么它将如下所示：

| Class | Name  | Day |
|-------|-------|-----|
| 3C    | Ben   | 1   |
| 4A    | Aaron | 2   |
| 4A    | Tom   | 3   |

| Class | Name  | Day |
|-------|-------|-----|
| 4A    | Aaron | 2   |
| 4A    | Tom   | 3   |
| 3C    | Ben   | 1   |

| Class | Name  | Day |
|-------|-------|-----|
| 4A    | Aaron | 2   |
| 3C    | Ben   | 1   |
| 4A    | Tom   | 3   |

现在，当表格按天排序时，应如下所示：

| Class | Name  | Day |
|-------|-------|-----|
| 3C    | Ben   | 1   |
| 4A    | Aaron | 2   |
| 4A    | Tom   | 3   |

| Class | Name  | Day |
|-------|-------|-----|
| 4A    | Aaron | 2   |
| 4A    | Tom   | 3   |
| 3C    | Ben   | 1   |

| Class | Name  | Day |
|-------|-------|-----|
| 4A    | Aaron | 2   |
| 3C    | Ben   | 1   |
| 4A    | Tom   | 3   |

问题是它通常看起来是这样的：

| Class | Name  | Day |
|-------|-------|-----|
| 3C    | Ben   | 1   |
| 4A    | Aaron | 2   |
| 4A    | Tom   | 3   |

| Class | Name  | Day |
|-------|-------|-----|
| 4A    | Aaron | 2   |
| 4A    | Tom   | 3   |
| 3C    | Ben   | 1   |

| Class | Name  | Day |
|-------|-------|-----|
| 4A    | Aaron | 2   |
| 3C    | Ben   | 1   |
| 4A    | Tom   | 3   |

---

我知道多重排序扩展，但我只发现，当单击一列并按住shift键单击另一列时，它将按照单击的顺序进行排序。我的问题是我希望第一列总是排在第一位，但我还没有弄清楚如何排序。

您尝试使用a是否成功？据我所知，DataTables是解决此类问题最流行、最易于使用的解决方案之一

---

还有一个功能强大的Bookmarklet（也很容易使用），我在过去使用过很多次，您应该会发现它很有用。如果您需要本地结果，请尝试使用。

我已经为我的问题创建了一个巨大的解决方案。尽管它不能带来好的表现，而且它不是最好的方式，但不管怎样。下面是我用一个例子创建的：

名称
身份证件
某物
var$table=$（“#table”）
$（函数（）{
变量排序=[
{
“sortName”：“什么”，
“分拣员”：“asc”
}
]
风险值数据=[
{
‘什么’：‘第一组’，
“编号”：“2”，
“排序”：“某物”，
},
{
‘什么’：‘第二组’，
“数字”：“5”，
“排序”：“否”，
},
{
‘什么’：‘第一组’，
“数字”：“8”，
'排序'：'确定'，
},
{
‘什么’：‘第三组’，
“编号”：“1”，
“sort”：“ye”，
}
]
var order=“desc”；
var lastColumn=“”；
$table.bootstrapTable({
onSort:函数（名称）{
if（lastColumn==名称）{
如果（顺序=“描述”）{
order=“asc”；
}否则{
order=“desc”；
}
}否则{
lastColumn=名称；
order=“desc”；
}
排序=[
{
“sortName”：“什么”，
“分拣员”：“asc”
}, 
{
“sortName”：名称，
“巫师”：秩序
}
]
$table.bootstrapTable（'multiSort'，sort）；
},
排序优先级：排序，
数据：数据，
})
})

我已经看过了，但我真的很喜欢。它甚至有一个包含所有示例的在线编辑器。所以，因为我想使用它，我还需要一个解决方案。正如我所描述的，或多或少我想要的是，第一列总是先排序，但是你链接的座位也没有帮助我。也许会帮助你。不是rly，那只是过滤，不是rly与排序有关。