数据表排序：使一列保持固定

关键词：

【中文标题】数据表排序：使一列保持固定【英文标题】：DataTable sorting: make one column stay fixed 【发布时间】：2015-10-11 13:20:12 【问题描述】：

我使用jQuery数据表插件。排序工作正常，但有一种方法，使一只停留总是一样的，不管排序是应用了哪些？ P>

例如，第一列都只是简单订单编号：1，2，3，4，5 ... 当我按日期排序，或其他任何东西，第一列停留在相同的顺序：1，2，3 ..？

有没有办法做到这一点？所以，我并没有被第一列试图禁用排序，但要当由另一列应用排序第一列保持不变。 P>

【问题讨论】：

【参考方案1】：

在寻找相同问题的解决方案时遇到了这个问题。 这是docs 中包含的解决方案。

$(document).ready(function() 
var t = $('#example').DataTable( 
    "columnDefs": [ 
        "searchable": false,
        "orderable": false,
        "targets": 0
     ],
    "order": [[ 1, 'asc' ]]
 );

t.on( 'order.dt search.dt', function () 
    t.column(0, search:'applied', order:'applied').nodes().each( function (cell, i) 
        cell.innerHTML = i+1;
     );
 ).draw();

);

基本上，每当触发order 或search 事件时，索引列都会重新编号。 searchable 和 orderable 设置为 false，因为它们对索引列没有影响（无论如何它仍然会重新编号）。

【讨论】：

【参考方案2】：

您可以通过使用 orderFixed 选项来做到这一点，该选项定义了将始终应用于表格的排序。

例如，始终按升序对第一列进行排序：

$('#example').dataTable( 
    "orderFixed": [ 0, 'asc' ]
 );

【讨论】：

谢谢你，正是我想要的【参考方案3】：

您的 HTML 代码将如下所示。向要禁用排序的列添加一个类。

<table class="table table-bordered" id="example" >
<thead>
<tr id="tbl_header1">
    <th  class="no-sort" name="prop_ref_no" style="min-width:80px">PropRef</th>
    <th  class="no-sort" name="title" style="min-width:80px">title</th>
    <th  name="publish_status" style="min-width:80px">Publish status</th>
    <th  name="Bedrooms" style="min-width:200px">Bedrooms</th>
</tr>
</thead>

然后添加您的 dataTable 选项。

$('#example').dataTable( 
    "columnDefs": [ 
      "targets": 'no-sort',
      "orderable": false,
 ] );

SRC：https://datatables.net/forums/discussion/21164/disable-sorting-of-one-column

【讨论】：

感谢您的回答。然而，这正是我不想做的，我假设每个人都会建议，所以我在我的信息中明确表示：“所以，我不是试图禁用按第一列排序，而是让第一列保持不变其他列应用排序时也是如此。"

带有表格布局的表格：固定；以及如何使一列更宽

】带有表格布局的表格：固定；以及如何使一列更宽【英文标题】：Tablewithtable-layout:fixed;andhowtomakeonecolumnwider【发布时间】：2011-09-0909:13:39【问题描述】：所以我有一张这种风格的桌子：table-layout:fixed;这使得所有列的宽度相同... 查看详情

Bootstrap 使一列等于两列的高度

】Bootstrap使一列等于两列的高度【英文标题】：Bootstrapmakingonecolequaltheheightoftwocols【发布时间】：2018-12-0121:06:08【问题描述】：我正在尝试使右侧的列与左侧的两个列的高度相同。我知道我可以通过将每一面包装成自己的一列来... 查看详情

保持一列固定，而另一列滚动

】保持一列固定，而另一列滚动【英文标题】：Keepingonecolumnfixedwhilethotherscrolls【发布时间】：2019-12-3110:23:28【问题描述】：我在玩TailwindCSS1.1.2，想知道如何创建一个两列布局，其中一列固定，另一列垂直滚动。参考https://vimeo.co... 查看详情

如何约束数据库表，使一列中只有一行可以具有特定值？

】如何约束数据库表，使一列中只有一行可以具有特定值？【英文标题】：Howtoconstrainadatabasetablesoonlyonerowcanhaveaparticularvalueinacolumn?【发布时间】：2010-09-1523:39:04【问题描述】：使用Oracle，如果列值可以是“YES”或“NO”，是否可... 查看详情

excel排序问题，第一列排序已经完成，如何在保持第一列不变的前提下，排列第二列？

...操作能让每个专业都排到一起？选定所有数据，直接选择排序即可参考技术A选中第二列，按排序，在出来的对话窗中，选择如下图的部分 参考技术B排序的时候可以选两个值进行排序的先排学院，然后再排专业，是可以的本回答... 查看详情

具有固定标题和固定列的 HTML 表格？ [关闭]

...示一个长的HTML表格，以便列标题在屏幕上保持固定，第一列保持固定并随着数据滚动。我希望能够滚动浏览表格的内容，但始终能够看到顶部的列标题和左侧的第一列。如果有jQuery插件 查看详情

sql中如何使一列中的多个重复数据只显示第一条

...复的就取右边的第一个1、首先在如下图中是一个Student的数据表，这里需要对数据表中的StudentName数据表中的单个的数据进行修改。2、同样的方法这里首先打开数据库查询语句，输入查询语句先查询一下数据表中的数据内容。3、... 查看详情

生成固定一列的 Python 数组

】生成固定一列的Python数组【英文标题】：GeneratePythonArraywithoneColumnFixed【发布时间】：2021-07-3106:09:30【问题描述】：我正在尝试在Python中生成一个5列数组，其中每行中的第一个数字保持固定为0.2，但每行中接下来的4个数字会有... 查看详情

保持 NSScrollView 固定

...的。NSTableView的新行只是添加到并且永远不会删除或重新排序。我 查看详情

Notepad++ 如何插入一列数据？

】Notepad++如何插入一列数据？【英文标题】：Notepad++HowdoIinsertacolumnofdata?【发布时间】：2013-10-1918:09:39【问题描述】：所以我试图获取一列文本数据并将该数据替换为已编辑的信息。我正在尝试操作固定宽度文件中的值。我想保... 查看详情

sqlserver怎么使一列实现字母+数字，该数字为自动增长的形式

例如:m01m02m03这种形式的，请各位帮帮忙~~~~参考技术Acreatetabletable_a1(itemvarchar(20))declare@papernumVARCHAR(50)declare@newpapernumVARCHAR(50)set@papernum=(selecttop1itemfromtable_a1(nolock)orderbyitemdesc)if@papernumisnullset@newpapernum='m001'--selectconvert(varchar,dat... 查看详情

sql中如何使一列中的多个重复数据只显示一次，求大神指导，使得图中的班简名重复的只显示一次。

哪些重复的数如果只显示一次，那么后面的信息显示成什么？在查询结果中必须是要重复的，总不至于某个专业没有班号或地点吧。至于是否在给最终用户的界面中显示那是编程人员的事。如果非得将将除第一条外的相同数据隐... 查看详情

常见排序算法整理总结

排序排序：所谓排序，就是使一串记录，按照其中的某个或某些关键字的大小，递增或递减的排列起来的操作。稳定性：假定在待排序的记录序列中，存在多个具有相同的关键字的记录，若经过排序，这些记录的相对次序保持不... 查看详情

qt下tablewidget中要单独使一列不能编辑怎么办

参考技术A修改该列item的flags.例如:#include<QApplication>#include<QTableWidget>#include<QTableWidgetItem>intmain(intargc,char**argv)QApplicationapp(argc,argv);intcol=0;QTableWidget*table=newQTableWidget(5,3);table->setItem(0,col,newQTableWidgetItem(QString("test&q... 查看详情

两列 CSV 数据排序 - 一列 str（升序）另一列 date（降序）

】两列CSV数据排序-一列str（升序）另一列date（降序）【英文标题】：TwocolumnCSVdatasort-onecolumnstr(ascending)theothercolumndate(descending)【发布时间】：2012-11-2505:13:15【问题描述】：我有兴趣了解如何对CSV文件执行两列排序，其中一列升... 查看详情

表（固定数据表）第一行的 React Redux 复选框保持选中状态

】表（固定数据表）第一行的ReactRedux复选框保持选中状态【英文标题】：ReactReduxcheckboxontoprowoftable(fixed-data-table)remainschecked【发布时间】：2017-02-2220:18:02【问题描述】：我在使用ReduxonReact时遇到了一个奇怪的问题，它使用固定数... 查看详情

基于另一列的引导数据表排序列

】基于另一列的引导数据表排序列【英文标题】：bootstrapdatatablesortcolumnbasedonanothercolumn【发布时间】：2016-02-2720:42:30【问题描述】：我有一列是根据另一个日期列计算的，以年/月/日格式显示。我还希望将此列作为日期列进行排... 查看详情

排序多索引数据框保持索引排序

】排序多索引数据框保持索引排序【英文标题】：Sortingmultiindexdataframekeepingindexsorted【发布时间】：2021-08-1019:18:19【问题描述】：我有一个简单的问题我想不通。基本上我想按列过滤多索引，但保持索引排序。原始数据框：arrays=... 查看详情