Javascript 禁用对引导表中隐藏列的排序
我正在使用扩展来创建可排序表 在中,隐藏某些列时,将禁用隐藏列的排序 然而,当我应用插件时,仍然会对隐藏列进行排序。看这把小提琴:Javascript 禁用对引导表中隐藏列的排序,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,bootstrap-table,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Bootstrap Table,我正在使用扩展来创建可排序表 在中,隐藏某些列时,将禁用隐藏列的排序 然而,当我应用插件时,仍然会对隐藏列进行排序。看这把小提琴: 客户名称 位置类型 位置 Cap公司 主要 诺沃克CT 06851 Cap公司 其他 诺沃克CT 06851 电话 主要 Slough SL1 4DX 电话 其他 伦敦W1B 5HQ 如何禁用隐藏列的排序?之所以显示,是因为您没有设置选项sortPriority 通过设置此选项,可以解决错误 您的JS应该是这样的 本文给出了取自JSFIDLE的示例 有些语言是
客户名称
位置类型
位置
Cap公司
主要
诺沃克CT 06851
Cap公司
其他
诺沃克CT 06851
电话
主要
Slough SL1 4DX
电话
其他
伦敦W1B 5HQ
如何禁用隐藏列的排序?之所以显示,是因为您没有设置选项
sortPriority
通过设置此选项,可以解决错误
您的JS应该是这样的本文给出了取自JSFIDLE的示例
有些语言是模棱两可的,所以我让它更容易理解问题和预期的解决方案。不过还是有点模糊。谢谢你,我会在22小时内奖励你的赏金(我现在不能)。你怎么知道的?我没有在文档中找到它。首先我阅读了文档和您提供的所有链接,但什么也没找到。然后在JSFIDLE中,我在控制台中看到一个错误,
sortPriority为null
,然后检查了您提供的所有链接,并在中找到了解决方案。就这样。急切地等待赏金。
<table ref="mainTable" className="table table-striped table-bordered table-hover" cellSpacing="0" id="mainTable" data-show-toggle="true" data-show-columns="true" data-search="true" data-pagination="true">
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="Customer Name" data-halign="center" data-align="left" data-sortable="true">Customer Name</th>
<th data-field="Location Type" data-halign="center" data-align="left" data-sortable="true">Location Type</th>
<th data-field="Location" data-halign="center"
data-align="left" data-sortable="true">Location</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td>Cap Corp</td>
<td>Main</td>
<td>Norwalk CT 06851</td>
</tr>
<tr>
<td></td>
<td>Cap Corp</td>
<td>Other</td>
<td>Norwalk CT 06851</td>
</tr>
<tr>
<td></td>
<td>Tel</td>
<td>Main</td>
<td>Slough SL1 4DX</td>
</tr>
<tr>
<td></td>
<td>Tel</td>
<td>Other</td>
<td>London W1B 5HQ</td>
</tr>
</tbody>
</table>
$('#mainTable').bootstrapTable({
showFilter: true,
showMultiSort: true,
sortPriority: [{
"sortName": "Location",
"sortOrder": "desc"
}]
});