我在使用带有响应式插件和Rowreorder的数据表时遇到了问题。
这是我的代码:
var table = $('#table01').DataTable( {
responsive: {
details: {
type: 'column',
target: 0
}
},
rowReorder: {
selector: 'td:nth-child(2)'
},
paging: false,
info: false,
scrollCollapse: false,
scrollY: false,
columnDefs: [
{ orderable: false, className: 'control', targets: 0 },
{ orderable: false, className: 'reorder', targets: 1 },
{ orderable: false, targets: '_all' }
]
});
但是我得到了这张桌子:
第一栏:正确,我看到" +"表示响应式插件是好的。有用。
第二列:订购似乎没问题,但如果拖放行,它会反转回原始位置
此外,thead
内的排序图标位于第一列(而非第二列)。
我做了一个小例子:http://jsfiddle.net/UvjnT/2574/