Javascript 数据表和响应表中的自动序列号

Javascript 数据表和响应表中的自动序列号,javascript,jquery,css,datatables,Javascript,Jquery,Css,Datatables,我无法整合自动序列号 具有响应表类型 请告诉我需要在Javascript中更改哪些属性才能将两个脚本都放在一个表中 注:请稍加说明我来自非技术背景 任何代码编译(JSFIDLE)都将受到欢迎 自动序列号也可以排序吗 如果我尝试添加这两种类型的脚本,结果都会出错 <script type="text/javascript" language="javascript" class="init"> $(document).ready(function() { var ta

我无法整合自动序列号

具有响应表类型

请告诉我需要在Javascript中更改哪些属性才能将两个脚本都放在一个表中

注:请稍加说明我来自非技术背景 任何代码编译(JSFIDLE)都将受到欢迎

自动序列号也可以排序吗

如果我尝试添加这两种类型的脚本,结果都会出错

<script type="text/javascript" language="javascript" class="init">  

$(document).ready(function() {
    var table = $('#example').DataTable( {
        responsive: true
    } );

    new $.fn.dataTable.FixedHeader( table );
} );

    </script>

$(文档).ready(函数(){
变量表=$(“#示例”)。数据表({
回答:对
} );
新的$.fn.dataTable.FixedHeader(表);
} );


$(文档).ready(函数(){
var t=$('#示例2')。数据表({
“columnDefs”:[{
“可搜索”:错误,
“可订购”:错误,
“目标”:0
} ],
“订单”:[[1,‘asc']]
} );
t、 on('order.dt search.dt',函数(){
t、 列(0,{搜索:'applicated',顺序:'applicated'}).nodes().each(函数(单元格,i){
cell.innerHTML=i+1;
} );
}).draw();
} );
我甚至试着把这个类改为example和example2 没用
请提供帮助。

这是一个工作示例,其中包括
索引列
响应式
扩展名和
固定标题
扩展名,所有这些都可以一起工作

您的问题:自动序列号也可以排序吗?

否。直接从文件中获取:

此列不应可排序,并将随着 应用于表的排序和搜索在结束时更改 用户

下面代码中最重要的部分是HTML文件中的样式表和javascript引用,以及打开
fixedHeader
的这行代码:

new $.fn.dataTable.FixedHeader( table );
希望这对你来说是足够的解释

注意:如果您不熟悉此网站,请点击[运行代码段]按钮。然后您可以单击右侧的[整页]。这将允许您调整大小以查看响应扩展正在工作

$(文档).ready(函数(){
变量表=$('#示例')。数据表({
回答:是的,
paging:true,//可以使用或不使用分页
columnDefs:[{
可搜索:false,
可订购:错误,
目标:0,
}],
订单:[
[1,‘asc’]
],
});
新的$.fn.dataTable.FixedHeader(表);
表.on('order.dt search.dt',函数(){
表2.第(0{
搜索:“已应用”,
订单:“已申请”
}).nodes().each(函数(单元格,i){
cell.innerHTML=i+1;
});
}).draw();
});

JS-Bin
名称
位置
办公室
年龄
薪水
老虎尼克松
系统架构师
爱丁堡
61
$320,800
加勒特温特斯
会计
东京
63
$170,750
阿什顿考克斯
初级技术作者
旧金山
66
$86,000
塞德里克·凯利
高级Javascript开发人员
爱丁堡
22
$433,060
佐藤航空
会计
东京
33
$162,700
布里尔·威廉姆森
集成专家
纽约
61
$372,000
赫罗德·钱德勒
营业员
旧金山
59
$137,500
罗娜·戴维森
集成专家
东京
55
$327,900
科琳赫斯特
Javascript开发人员
旧金山
39
$205,500
索尼娅·弗罗斯特
软件工程师
爱丁堡
23
$103,600
杰娜·盖恩斯
办公室经理
伦敦
30
$90,560
奎因·弗林
支撑导线
爱丁堡
22
$342,000
查尔德·马歇尔
区域主任
旧金山
36
$470,600
海莉·肯尼迪
高级市场设计师
伦敦
43
$313,500
塔蒂亚娜·菲茨帕特里克
区域主任
伦敦
19
$385,750
迈克尔·席尔瓦
营销设计师
伦敦
66
$198,500
柏德
首席财务官(CFO)
纽约
64
$725,000
格洛丽亚·利特尔
系统管理员
纽约
59
$237,500
布拉德利·格里尔
软件工程师
伦敦
41
$132,000
戴里奥斯
人事领导
爱丁堡
35
$217,500
杰内特·考德威尔
开发领导
纽约
30
$345,000
尤里浆果
首席营销官(CMO)
纽约
40
$675,000
凯撒万斯
售前支持
纽约
21
$106,450
多丽丝·怀尔德
营业员
西德尼
23
$85,600
当归
首席执行官(CEO)
伦敦
47
$1,200,000
加文·乔伊斯
开发商
爱丁堡
42
$92,575
张珍妮弗
区域主任
新加坡
28
$357,650
new $.fn.dataTable.FixedHeader( table );