php - Jquery Datatable 内联编辑仅指定列
问题描述
目前我正在使用data table
js 进行内联编辑,它工作完美,但我只想编辑指定的列行而不是所有列。例如,我有 4 列 id、姓名、电子邮件、联系人,我只想编辑电子邮件而不是所有其他人。
我使用了以下脚本但不起作用。
table = $('#example').DataTable({
ajax: test,
rowReorder: {
dataSrc: 'order',
selector: 'tr'
},
select: {
style: 'os',
selector: 'td:first-child'
},
columns: [{
data: 'delete'
}, {
data: 'delete'
}, {
data: 'order'
}
, {
data: 'agent_name', className: 'editable'
}
, {
data: 'add_mission'
}
, {
data: ''
}
, {
data: 'phone_number'
}
, {
data: ''
}
, {
data: false
}
]
});
在此我只允许 agent_name 列应该是可编辑的,而不是全部
解决方案
您可以指定哪些列是可编辑的。通过提供 td 孩子。这是一个示例代码,用于仅向 td 7th child 提供编辑。
$('#table').on( 'click', 'tbody td:nth-child(7)', function (e) {
editor.inline( this );
} );
推荐阅读
- python-3.x - 为什么我在这个打印语句上得到无效的语法?
- php - Exec() 为FFMPEG创建两个不同的进程
- angularjs - 将 AngularJS 迁移到 Angular 5
- vim - vim w0ro/ale tslint 不起作用
- angular - Angular如何默认设置单选按钮,反应式表单
- java - Gremlin 集群/连接不会因凭据错误而失败
- wpf - WPF StatusBar 与单个 StatusBarItem 和 ComboBox 填充整个宽度
- angular - 以编程方式禁用 ngx-select-ex 选择器的正确方法是什么?
- rust - 声明采用引用的特征参数的生命周期
- python - 使用 Jupyter Notebook 查看从 Python 运行的 MATLAB 代码的输出